2

クライアントは、幅/高さのブレークポイントだけでなく、画面の縦横比 ( http://screensiz.es/phone ) に従ってモバイル アプリのレイアウトを調整したいと考えてい ます。たとえば、3:5 や 9:16 をカバーしたいと考えています。だから私はアスペクト比のメディアクエリを使用しています。私は jQuery Mobile でアプリを開発しており、コンパイルには PhoneGap Build を使用しています。この回答とこの回答を調べましたが、正しいアスペクト比を検出できません。ページ: http://pavlov.rs/ht/index.html

Samsung Galaxy S2 のモバイル ブラウザで開くと、次のようになります。

Dimensions = 320x229
Gcd = 1
Aspect = 320:229

Ratio is 32x45 (from media queries)

しかし、そのページを PhoneGap でコンパイルしてアプリを開くと、次のようになります。

Dimensions = 320x508
Gcd = 4
Aspect = 80x127

Ratio is 32x45 (from media queries)

この種のメディア クエリ、特に jQM と PhoneGap の組み合わせを使用する安全で確実な方法はありますか?

ありがとう。

4

0 に答える 0