★ビューポートを適当に書き換えてみる今回は、ビューポートでどのような指定をすると、スマートフォンでどのような表示になるのか試してみます。それぞれどのように表示されるか確認して、ビューポートについての理解を深めましょう。maximum-scale=2maximum-scale=2を指定すると、2倍まで拡大できます。maximum-scale=2">user-scalable=nouser-scalable=noを指定すると、拡大縮小は一切できなくなります。4Sでの表示結果です。機種の種類やバージョンによって若干動作が異なりますので、参考程度にしてください。スマートフォン向けのスタイリングをしない場合meta要素でビューポートを指定しましたが、デバイスで表示させる横幅や倍率は、これから作成していくスマートフォン向けのスタイリングとの兼ね合いで決めるべきものです。仮に、パソコン向けスタイリングのままで制作を完了するならば、上記のようなmeta要素による指定はしないほうが良いかもしれません。現時点のサンプルサイトのように中途半端に原寸表示にしてしまったり、ユーザーの操作を制限してしまうよりは、各デバイスの初期設定に任せておくほうが良いでしょう。まとめビューポートの指定次第で、スマートフォンなどのデバイス上の表示が変化するビューポートに関する値を適当に書き換えて、実際の動作を確認してみると良い変なビューポート指定はしない。