viewportの設定はこれで大丈夫！iOSでもAndroidでもPCでも見やすくできるソースコード - arkth.com

スマホ用サイトを製作するにあたって検討しなければならない事項に画面の幅に合わせる必要があると思います。iOS系のRatinaディスプレイ対応にする必要があったり、さまざまな画面サイズがあるAndroidに対応するには、METAタグにviewportというタグを設定して見やすい画面にしていきます。 実際スマホで見やすい画面とはどんな画面か。 スマホで見やすい画面は、以下のような条件が必要になるかと思います。 テキストが読みやすい。 画像がきれい。 細かいところを見ようと思ったときにも拡大できる。 コンテンツの横幅とスマホ画面の横幅があっている。 jQueryを使って外部ファイル化したviewportのソースコード そこでそれらの条件をクリアできるようなものということで以下のようなものを考えてみました。jQueryを使って外部ファイルに以下の内容を記述します。 [html]$(function