質問

Androidブラウザがページをより高い解像度で自動的にレンダリングして縮小するため、DesireHDでメディアクエリを使用するとさまざまな問題が発生します。基本的に、画面の幅は実際よりもはるかに広いと考えています。

これに対する解決策は、メタビューポートタグを使用してスケーリングを停止することであることがわかりました... ジェネラコディセタグプレ

最初は、正しいメディアクエリを実行しているため、これは機能しているようです。電話の水平解像度は480pxで、私の(320px-480px)メディアクエリを起動していました。

次に、JavaScriptを使用して、計算されたビューポートを画面に出力しました... ジェネラコディセタグプレ

計算されたのは369pxで、これは非常に奇妙だと思いました。次に、最小値と最大値が369pxに設定されているメディアクエリでチェックしたところ、起動しました(少なくとも一致します)。では、ネイティブ解像度が480ピクセルであるのに、なぜブラウザは369ピクセルだと考えるのでしょうか。

どんな助けでも本当にありがたいです。

ジョン

役に立ちましたか?

解決

これに対する正確な答えは見つかりませんでしたが、とにかくメディアクエリに関しては、デバイスの正確な結果を処理しないことが最善であると考えています。コンテンツが正しく表示されるまでメディアクエリを調整してください:) >

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top