Mobile Safariが携帯電話向けのサイトを認識し、自動的にズームインする方法はありますか?それは他の電話やブラウザでどのように機能しますか?
user_agentを見て、モバイルブラウザごとに異なるページを送信することは避けたいと思います。
Mobile Safariが携帯電話向けのサイトを認識し、自動的にズームインする方法はありますか?それは他の電話やブラウザでどのように機能しますか?
user_agentを見て、モバイルブラウザごとに異なるページを送信することは避けたいと思います。
AppleWebアプリ開発者ガイドのビューポートの設定部分を参照してください。
ボディまたはメインラッパーのdivの高さを100%に設定している場合、モバイルブラウザでズーム/レンダリングする距離が混乱する可能性があることに気づきました。モバイルサファリとアンドロイドのクロームブラウザでこれを確認しました。#siteWrapperの高さを100%からautoに設定すると、はるかに優れたスケールでレンダリングされます。
(メインラッパーの高さ100%は、粘着性のあるフッターでよく使用されます。)
サイトはモバイルブラウザを認識し、それに応じて出力を生成できます。これは通常、望ましい方法です。
Safariは幅とズームを検出しますが、それを超えると...
条件付きCSSを使用すると、ユーザーエージェントに基づいてページが異なることを回避できます。Appleには、実際には、デスクトップブラウザとともにiPhoneでSafariをサポートできるWebページの作成に関する非常に優れたドキュメントがいくつかあります。
WebアプリケーションのiPhoneヒューマンインターフェイスガイドラインを読むことから始めることをお勧めします。これにより、条件付きCSSを使用して、ユーザーエージェントではなくデバイスの特性(画面サイズなど)に基づいてページをカスタマイズすることができます。