CSS3を使用してデバイスの物理サイズを取得

Question

開発中にCSS3およびSVGグラフィックスを使用するHTML5ページがあります。私はデバイスのピクセル比率が1.5または2であるときにメディアクエリを使ってSVGグラフィックを拡大しようとしました。これはうまくいきます。今、私はMotorolla Xoomのような小さなデバイスで私のページを見ます。報告された比率は1です。これは、Xoomは通常のモニターと比較してすべてのものを非常に小さく表示することを意味します。最も迷惑な部分は、横長モードでは素晴らしいようですが、ポートレートモードでは、全ページが同じ幅に収まるようにサイズが変更されます。比率の数値はこの時点で変更されません。

私は 'width：3in;'のようなものを使ってみました。しかし、再び、それは風景の中で正しいサイズに過ぎませんでした。

最終的には、デバイスサイズとピクセルサイズの比を使い、このようにすべてをスケールしたいと考えています。これは可能ですか？

Answer 1

私の問題は、向きが変更されたときに私のグラフィックスが決して再びレンダリングされないことでした。リフレッシュをもう一度やり直すと、すべてが期待通りに上がっています。これは私のキーボードと私の椅子の間のどこかに存在していた問題でした。メディアクエリは実際には機能していますが、オリエンテーションの変更時にいくつかのものを再レンダリングするだけです。