iphoneやWindows phoneでスマホを横にした時拡大される問題の対策 美川の山里暮らし

還暦を過ぎ、岡山県南西部の山間地で文明の利器を活用しながら田舎生活を満喫したいと思っています ゲンノショウコの写真

iphoneやWindows phoneでスマホを横にした時拡大される問題の対策

Filed under: Home Page,コンピュータ — タグ: — daii @ 10:56 AM
2014年4月4日

iphoneを使う機会が無かったので気が付きませんでしたが、iphoneでページを見ると、スマホを縦にした時は問題ありませんが、横にすると、画面が異常に拡大されていました。そこで、この対策をしたので、書き留めておきます。

今まで適用していたviewportの設定

今まではviewportを次のように設定していました。

<meta name=viewport content="width=device-width">

新たに設定し直したviewport

<meta name=viewport content="width=device-width, initial-scale=1">

つまり、メタタグのviewportにinitial-scale=1を追加指定しただけです。この変更だけで、確認した限り全てのスマホで、縦で見ても横で見ても問題無く表示できるようになりました。それ以外のviewportの設定はいじる必要はありません。

グーグルのページスピードインサイトのページでも、この設定は推奨されているようでした。早く気が付けば良かったのに。

ページスピードインサイト参考ページ

スポンサーリンク

コメントはまだありません

No comments yet.

RSS feed for comments on this post.

Sorry, the comment form is closed at this time.

Powered by WordPress