使用CSS3获取设备物理大小

Question

我在开发过程中使用了CSS3和SVG图形的HTML5页面。当设备像素比率为1.5或2时，我尝试使用媒体查询来放大SVG图形。这样可以正常工作。现在我在像Motorolla Xoom这样的小型设备上查看我的页面。报告的比率为1.这意味着与常规显示器相比，Xoom显示的所有内容都非常小。最令人讨厌的部分是它在横向模式下看起来很棒，但在纵向模式下，整个页面的大小调整为适合相同的宽度。此时比率数字不会改变。

我尝试过使用'width：3in;'之类的东西。但同样，它只是正确的景观尺寸。

最终，我想使用一些设备尺寸与像素尺寸的比例，并以这种方式扩展所有内容。这可能吗？

Answer 1

我的问题是，当方向改变时，我的图形从未再次渲染。当我再次点击刷新时，一切都按预期进行。这是我的键盘和椅子之间存在的问题。媒体查询实际上是有效的，我只需要在改变方向时重新阅读一些内容。