viewport(ビューポート)を適切に設定し、レスポンシブWebデザインにしながら、サイトのパフォーマンスを向上させることが大切です。viewportとスマートフォン(android・iphone)について中心に解説したいと思います。viewport(ビューポート)とは、HTMLファイルのheadタグ内に記述するmeta要素のname属性値です。viewportは、スマホやタブレットのモバイル端末で最適にWeb表示させるため(Google推奨のレスポンシブWebデザイン適用時)に必要な欠かせないhtmlタグです。viewportは、HTMLファイルのドキュメントの先頭であるheadタグ内に記述し、以下のようレスポンシブな設定方法がGoogleで推奨されてます。viewportを設定する以下のような方法もあります。応急措置として便利ですが、Google非推奨です。viewportがスマートフォン(android・iphone)で効かない原因に対し、以下のような対策方法があります。viewportを使うことで「width=device-width」「user-scalable」「initial-scale」の属性値が以下のように追加できます。viewport利用時に追加できる「width=device-width」は、表示領域の幅で、端末画面の幅に合わせる指定ができる、meta要素のcontent属性の属性値です。viewport利用時に追加できる「user-scalable」は、ズームの操作で、許可する(yes)・許可しない(no)の指定ができる、meta要素のcontent属性の属性値です。範囲)指定ができる、meta要素のcontent属性の属性値です。