こんにちは!不定期で皆様悩みがちのSTUDIOにかんするあれこれをブログ掲載していこうと思います(^^)v
初日は「BOX」についてです↓
STUDIOではBOXの「縦はAUTO」がやさしくておすすめ♪
STUDIOでサイトを作っていると、「BOXの高さってどう設定すればいいの?」と迷うこと、ありますよね。そんなときに覚えておきたいのが、BOXの縦幅(高さ)はAUTOにするのが基本という考え方です♪
縦幅をAUTOにするといい理由
縦幅を数値で固定してしまうと、あとから文章を少し変えただけで文字がはみ出したり、逆にスカスカになったりします…。そのたびに高さを調整するのは、ちょっと大変ですよね。
AUTOにしておけば、中のテキスト量に合わせてBOXが自然に広がってくれるので、更新もラクラクです♪
レスポンシブにもやさしい♪
STUDIOはスマホやタブレット表示もとても大切。画面サイズが変わると、文字の大きさや改行位置も変わります。縦AUTOなら、どのデバイスでも無理のない高さになってくれるので、レイアウト崩れを防ぎやすくなります♪
固定してもOKな場面もあります
もちろん、ヒーローエリアなど「この高さで見せたい!」という場所では、固定するのもアリです♪ ただ、文章がメインのセクションでは、基本はAUTOにしておくと安心ですよ。
まとめ♪
STUDIOでは「横はデザインで調整、縦はAUTOにおまかせ」がやさしい作り方です。最初からこの考え方で進めると、あとあと困りにくくなります♪