11/29　学科 HTML/CSS基礎⑨【オンライン】

1限目
学科 HTML/CSS基礎⑨
レスポンシブWebデザインについて

2限目
学科 HTML/CSS基礎⑨
レスポンシブWebデザインについて

3限目
学科 HTML/CSS基礎⑨
テーブルタグについて

4限目
学科 HTML/CSS基礎⑨
フォームタグについて

5限目
学科 HTML/CSS基礎⑨
本日の講義のまとめ

今日はマルチデバイス対応させるための話でしたがかなり種類が多くて覚えられません。ですがせめてボックスモデルはしっかり理解したいです。先ほどまでpaddingとmarginの違いはあやふやでしたが、背景に文字を入れるときに、文字が狭すぎないように背景を大きくさせたいならpadding、背景と隣のボックスとの隙間を開けたいならmarginを使うのがいいということはわかってきました。

スマホに対応できるようにする方法
head内にviewportの情報を書く
↓
横スクロール出ないようにサイズを設定する(max-widthとか％で指定する)
↓
MediaQuerieで横幅次第で表示方法を変えられるようにする
↓
ハンバーガーメニューを導入する。

ページ一覧