携帯サイトのスマートフォン対応のポイント！ ～スマートフォン表示で最適サイズを設定する「viewport」～ - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ

携帯サイトのスマートフォン対応のポイント！ ～スマートフォン表示で最適サイズを設定する「viewport」～ 2011.03.07 2019.06.21 WEBデザイン 1.携帯向けサイトは横幅240px、スマートフォンサイトは320px 2.スマートフォンにあるといい viewport 3.携帯サイトをスマートフォン対応させる ■携帯向けサイトは横幅240px、スマートフォンサイトは320px 携帯電話（ガラケー、フィーチャーフォン）の横幅はほとんどのものが240px前後であり、一般的に携帯向けのサイトは横幅240pxで作られます。 一方、スマートフォンでは、タブレットなどもありますが、片手で持てるタイプのものは320pxのものが主流となっています。 携帯サイトをスマートフォンサイトとして利用するにはこの横幅の問題があり、『画像が小さくなる／レイアウトが崩れる』などの問題が発生します。

[erp777]

“<meta name=”viewport” content=”width=横幅, height=,縦幅 initial-scale=初期倍率, minimum-scale=最小倍率,maximum-scale最大倍率, user-scalable=拡大可否”>”

[natsukareala]

viewportの書き方でいちばんわかりやすいかも

[good510]

良記事あざす。