私は、デバイスが持つことができる画面サイズにリサイズする必要のあるWebAppで作業しています。 iOSや古いAndroid版では、viewportタグが正常に動作します。画面上の画像は常に画面に合わせてサイズが変更されます。
(こちらの説明はhttps://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509-SW19)
Galaxy Nexus(Android 4.0)では動作しません。左右に約20ピクセルのスペースがあり、なぜ彼がこれを行うのかわかりません。Galaxy Nexus/Android 4のビューポートタグが機能しないのはなぜですか?
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
どんなに私がタグについて変更何、スペースが常にあるんやコンテンツが画面に収まらない: 私のビューポートタグは次のようになります。 http://easyeve.w3y.de/link/index.html
iPhoneでこのリンクを開くと、コンテンツは完全に適合します(黄色=本体は表示されません)。文書の幅は320pxです。 Galaxy Nexusでは黄色いスペースが表示され、ドキュメントの幅は360px(ディスプレイの解像度のちょうど半分)です。これも320pxにする必要があります。 この問題もありますか?修正する方法はありますか?
更新:Galaxy Note/Android 2.3.6 で同じ問題が発生しましたので、Android 4の問題ではありません。それは
答えてくれてありがとうございます:( 私のビューポートタグを** width = 1280 **に変更しましたが、私のサイトは非常に大きく(デスクトップビューのように)大きくなっていますが、私のコードを変更しました: [link](http://easyeve.w3y.de/link/index.html) – user1222883
@Petr Urban Thanx、それは私のために働いています....: ) –