STUDIOのレスポンシブについて。

記事
デザイン・イラスト

こんにちは!不定期で皆様悩みがちのSTUDIOにかんするあれこれをブログ掲載していこうと思います(^^)v

初日は「BOX」についてです↓

STUDIOではBOXの「縦はAUTO」がやさしくておすすめ♪

STUDIOでサイトを作っていると、「BOXの高さってどう設定すればいいの?」と迷うこと、ありますよね。そんなときに覚えておきたいのが、BOXの縦幅(高さ)はAUTOにするのが基本という考え方です♪

縦幅をAUTOにするといい理由

縦幅を数値で固定してしまうと、あとから文章を少し変えただけで文字がはみ出したり、逆にスカスカになったりします…。そのたびに高さを調整するのは、ちょっと大変ですよね。
AUTOにしておけば、中のテキスト量に合わせてBOXが自然に広がってくれるので、更新もラクラクです♪

レスポンシブにもやさしい♪

STUDIOはスマホやタブレット表示もとても大切。画面サイズが変わると、文字の大きさや改行位置も変わります。縦AUTOなら、どのデバイスでも無理のない高さになってくれるので、レイアウト崩れを防ぎやすくなります♪

固定してもOKな場面もあります

もちろん、ヒーローエリアなど「この高さで見せたい!」という場所では、固定するのもアリです♪ ただ、文章がメインのセクションでは、基本はAUTOにしておくと安心ですよ。

まとめ♪

STUDIOでは「横はデザインで調整、縦はAUTOにおまかせ」がやさしい作り方です。最初からこの考え方で進めると、あとあと困りにくくなります♪
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら