WebサイトをiPadに最適化させる1行 « HTML « Snippet-Editor.com<meta name="viewport" content="width=1024" /> タイトルを「iPadに最適なViewportの値は"1024"」から「WebサイトをiPadに最適化させる1行」に変更しました。 上の1行をheadタグ内に追加するだけで簡単にサイトをiPadに最適化することが出来ます。 内容的には「iPadを横長に持ったときにページが正確に（pixel by pixelで）レンダリングされる」という意味で、Appleもそうしています[1]。 例外としては、 <meta name="viewport" content="width=device-width" /> 固定幅を持たないWebサイトでは上のように記述するのが有効で、iPhoneなら320px、iPadでは768pxの値が自動的に代入されます。 （480pxや1024pxでない点に注意。本体を横長に持っても
