2017/12/6 インターン
今回は、CSSで「レスポンシブ」について学びました。
レスポンシブとは、
PC画面のサイズだけでなく、スマホやタブレットでサイトを表示した際に、ちゃんとそのサイズに適応できるかどうかというもの。
この中でまず、メディアクエリについて学びました。
メディアクエリとは、どの媒体(メディア)向けにするのか?というもので、
@media all and (max-width : 670px)
のように打って、670のところはそれぞれメディアに合わせって変えていくようになっていて、670以下のものに対して適応されるCSSということになります。
その後は、少し言語は増えますが、普通通りCSSを変えていきました。
しかしこれが意外と難しく、大本のCSSが邪魔して変更ができなかったり、色々と見直しながら追加で変更しないといけなかったので、結構難しかったです。