2020-12-30から1日間の記事一覧
レイアウト崩れを直す box-sizingbox-sizingbox-sizingbox-sizingbox-sizingbox-sizingbox-sizin paddingを以って追加したデザインを、「画像を崩することなく調整する方法のこと」 こう覚える box-sizing: border-box;の仕組み 「画像を崩することなく調整…
レスポンシブデザインを学ぼう レスポンシブデザインとは ・正直 レスポンシブデザイン適用されていなくても違和感はあまり感じなかった。 しかし、レスポンシブデザインを適用されたデザインを見直してみる。 すると、確かに格段に見やすくなっている事に気…
メディアクエリによるレイアウト 画面サイズごとにレイアウトを変える方法画面サイズごとにレイアウトを変え *1 こう覚える メディアクエリによるレイアウトの例 EX. item { width: 50%; } @media(max-width: 670px) { .box { width: 50% } ] 演習問題 スラ…