Switcherを導入しました。縦長の画面に合わせたデザインになりました。問題点の一つとしてビューポートの設定がないことがありました。画像と文字がめっちゃかぶってるやん・・・レイアウトの調整ビューポートの設定を行った場合は、pxで指定したレイアウトをvw・vh・vmin・vmaxに変更しましょう。1vwは画面の横幅の100分の1の長さになります。100vwは画面の横幅と同じ長さになります!1vhは画面の縦幅の100分の1の長さになります。100vhは画面の縦幅と同じ長さになります!1vminは画面の縦幅か横幅の短い方の100分の1の長さになります。1vminは画面の縦幅か横幅の長い方の100分の1の長さになります。これらはpxと違い、画面の解像度による影響を受けません!これらを駆使することで、モバイルの画面の解像度に影響されないレイアウトを作成することができます。90vwと書けば良いのです!%とViewPort単位の違いここまで読むと%と同じでは?と思いますよね?%とviewport単位の違いは、ざっくり2点です。100%;と指定した場合は画面の横幅一杯に広がります。水平方向のスクロールバーが表示されることはありません。水平方向のスクロールバーは出ていませんね。水平方向のスクロールバーが表示されていますね。2.%は親に対する比率1vwという長さはどこで使っても同じ長さになります。同じ1%でも使う場所によって長さが異なります。最適な方を選んで使用しましょう。解像度が異なるモバイルへの対応を行いました。なんと!ビューポートを設定するだけで、3つあった問題点がすべて解決しました!w理由はよくわかりませんが・・・wなので、とりあえず、モバイルフレンドリー計画は一旦終了ですwwでも、モバイルってものすごいたくさん種類があるので、まだまだ、問題がたくさん出てきそうです。コメントをキャンセル次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。日本語が含まれない投稿は無視されますのでご注意ください。ShoneOnline。