1

iPhone および Android ブラウザー用のモバイル Web サイトを開発しています。

Iphone 4 と HTC Desire をいじっていたときに、向きを変えると 2 つのデバイスの反応が異なることがわかりました。Web サイトを縦向きモードで読み込んでからデバイスを横向きモードに回転すると、iPhone は同じ幅 (320px) を使用してコンテンツに近づきます。Android デバイスでは、回転するとビューポートが変更されたように見えるため、ズームは行われず (幅 >320px)、代わりに Web サイトが広くなります。

私の現在のビューポート（私はすでに320pxの固定幅を設定しようとしました）：

<meta name="viewport" content="width=device-width; initial-scale=1.0;" />

ここで私の質問: Android Webkit ブラウザーを iPhone のように縦向きから横向きに変更する方法はありますか?

事前にどうもありがとうございました！

アンドリュー

4

1 に答える 1

2

この機能は、ビューポートの動作方法のためにiPhoneに存在します。すべてのデバイスで無効にして、同じユーザーエクスペリエンスを作成する方法は次のとおりです。

ビューポートをこれに設定した場合：

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

そうすれば、iPhoneがデバイス幅に「再ズーム」するのを防ぐことができます。ただし、これによりズームが完全に無効になります。この時点でより良い解決策はありません。

于 2011-08-25T20:47:55.607 に答える