Android ( HTC Incredible 2 ) で、公開したばかりの Web サイトが最初に拡大/縮小されたレンダリングを表示したのはなぜですか? iPhone / iOS では、デスクトップと同じ幅でレンダリングされます。
Wordpress Twenty Eleven テーマ ( http://wordpress.org/extend/themes/twentyeleven ) の上に Web サイトを構築したので、META はそのままです。しかし、最初のスケール/ズームが適切に設定されているものは見たことがありませんでした。フィット幅のメタを見ました。例えば <meta name="viewport" content="width=device-width" />
これは、META を使用してこのサイトをこのように表示している、デバイス内のブラウザーごとの設定ですか? ブラウザの設定ごとに幅を取り、もう一度メタを表示していますか? ..初期ズームを作成していますか?
提案？
Android には 3 つの密度カテゴリがあり、デフォルトではターゲット密度は中に設定されています。デフォルト設定では、ページが効果的にズームインされます。
Android ビューポートがスケーリング (ズームイン) しないようにするには、ビューポート密度をデバイス API に設定します。
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" />
CSS によるデバイス密度のターゲティング
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" />
ソース: http://developer.android.com/guide/webapps/targeting.html#ViewportScale
上記の例は、上記のソース リンクから取得したものです。