今日は昨日つまづいたフレックスボックスの設定から。フレックスボックス(flexbox)はhtmlのコードの一つで、スマホ、タブレット、PCなど、画面サイズが異なるデバイスでも柔軟にレイアウトを変えて表示してくれるコード。
世の中には様々なデバイス(スマホ、タブレット、ノートPC、デスクトップなど)があります。iPhoneだけでも様々なバージョンがありますし、使用ブラウザも色々です。なので、それら100%に対応するのは現実的に不可能ですが(ガラケーなど使っている方が今もいますが少数派なのでそれらには普通対応しないという感じ)一般的に広く使われているデバイスやブラウザで、最適に表示されるようにつくり込んでいきます。
少しずつ確認してはつくり直してということを繰り返しながら完成度を高めていきます。なかなか骨の折れる作業ですが、思い描いたものができていくのは嬉しいものです。固定観念にとらわれることなく柔軟に進めていきたいです。
フレックス(コトバンクより)
曲げること。畳むこと。転じて、物事を柔軟に扱ったり行ったりするさまを表す。多く複合語の形で用い、柔軟な、の意を表す。「フレックスタイム」「フレックスジョブシステム」