iphone safariで自動ズーム

Question

モバイルサファリが携帯電話向けのサイトを認識して自動的にズームインする方法はありますか？それは他の携帯電話やブラウザでどのように機能しますか？

私はuser_agentを見て、モバイルブラウザごとに別のページを送信しないようにしたいと思います。

Answer 1

アップルのWebアプリ開発者ガイドのconfiguring the viewport一部を参照してください。

Answer 2

サイトはモバイルブラウザを認識し、それに応じて出力を生成することができますが、それは通常は望ましい方法です。

Safariが幅を検出し、ズーム・トゥ・フィット、それを越えるだろう...

Answer 3

条件付きCSSを使用して、ユーザーエージェントに基づいて異なるページを使用することを避けることができます。 AppleはiPhone上でSafariをデスクトップブラウザと共にサポートできるWebページの作成について、実際には非常に優れたドキュメントを持っています。

私はiPhone Human Interface Guidelines for Web Applicationsから始めることをお勧めします。これにより、条件付きCSSを使用して、ユーザーエージェントではなくデバイスの特性（画面サイズなど）に基づいてページをカスタマイズすることができます。

Answer 4

あなたのボディやメインラッパーのdivの高さを100％に設定すると、モバイルブラウザでどのくらいズーム/レンダリングするのか混乱することがあります。モバイルサファリとアンドロイドのクロムブラウザでこれを確認しました。 #siteWrapperの高さを100％からautoに設定すると、はるかに優れた縮尺でレンダリングされます。

（メインラッパーの高さは100％が、多くの場合、スティッキーフッターで使用されている。）