エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑮　レスポンシブ対応編　レスポンシブ対応の作り方、レスポンシブ対応ボタンの場所、画面サイズによってレイアウトを変更する方法、スマートフォンから見たレイアウトの編集、デスクトップから見たレイアウトの確認　Editor X

今作ったサイトだけど…
スマホから見ると、崩れる

そこでつかうのが
「レスポンシブ対応」機能だ

…とはいえ、
俺もパソコン版で
満足しているから
簡単なさわりで終了する

まず、スマートフォンから
どう見えているか、は
このボタンで見る事が出来る

思った以上に
終わってるな…

今の状態で編集すれば
スマートフォンからの
見栄えを良く出来る

崩れない

酷い部分を
手直ししておこう

まず、HO部分をクリック

フォントのボタンを押して

10～30にしようか

次はステータス部分だな

Shift押しながら、クリックすると
同時選択できるから
STR～16まで選択して

で、さっきみたいに
「A←→」のボタンを押して

サイズは5～10で！

それから、
コンテナを横に広げて
良い感じにして

だいたい、そんな感じ

数十分ぐらいの
突貫工事でこんなか

崩れていない、とは言ったけど
本当に崩れていないかの確認を
念の為にする

それでOK

確認できたようで
何より

今回はスマホだと崩れる
レイアウトをした場合、
スマホ版を作る方法を紹介した

だから、
基本的には四角型とかで
収めがちではあるんだよな…？

誰だよ、
斜めの線とか入れた奴って
自分で思ってる