何も知らない子がレスポンシブデザイン入門 - Qiita前提 ・普段そんなにフロントやってない ・レスポンシブデザインってなによ ・モバイルファーストなんでしょこれからは ・モバイルはもうスマホって言いかえるよ レスポンシブデザインって ・複数の端末の画面サイズに対応するWebサイトづくりのこと ・単一のファイルで制作し、端末や画像サイズで適時変化するようにする手法 ※スマホ用とPC用でデザインを分けるのは違う ・複数ファイルによるURLの分散が防げるのはもちろん、更新なども容易になる レイアウトの種類 リキッドレイアウト ボックスの要素が端末に応じて伸縮して伝えられる。 要は常に、横幅いっぱいにブロックが表示される感じ。 フレキシブルレイアウト リキッドレイアウトと基本変わらない。 ただし、最小幅と最大幅の制限があり、 最大幅以上のときは余白が出来るような作り。 グリッドレイアウト メイン部はリキッドなどで。 一部のボックスを固定サイズとして
