マガジンのカバー画像

コーディング勉強メモ

9
コーディングをしている中で自分で調べたことをまとめています。
運営しているクリエイター

#サイズ

【勉強メモ】widthの分割 & 高さを固定した画像の伸縮

【勉強メモ】widthの分割 & 高さを固定した画像の伸縮

widthの分割割り切れる時は%でもいいかも! width: 50%;
同じ大きさで画像を3つ横並べしたい時に便利!
下の画像の伸縮と合わせて使える。

高さを固定した画像の伸縮これを使うと、指定の高さのサイズに合わせて中の画像が伸び縮みする。
フォトショのマスク状態の写真みたいな。

width とheightを逆にする(height:100%、width:指定)とwidthが指定サイズで固定

もっとみる