Html 使用CSS3获取设备物理大小

我有一个HTML5页面，在开发中使用CSS3和SVG图形。当设备像素比为1.5或2时，我尝试使用媒体查询来放大SVG图形。这个很好用。现在我在Motorolla Xoom这样的小设备上查看我的页面。报告的比率为1。这意味着与常规监视器相比，Xoom显示的所有内容都非常小。最让人恼火的是，它在横向模式下看起来很棒，但在纵向模式下，整个页面的大小会调整到相同的宽度。此时比率数字不会改变

我确实尝试过使用类似“宽度：3in；”的东西但再一次，它在景观中的大小是正确的

---

最后，我想使用一些设备大小与像素大小的比率，并以这种方式缩放所有内容。这可能吗？

我的问题是，当方向改变时，我的图形再也不会被渲染了。当我再次点击refresh时，一切都如期进行。这是一个存在于我的键盘和椅子之间的问题。媒体查询实际上正在运行，我只需要在方向改变时重新播放一些内容。

我的问题是，方向改变时，我的图形再也没有呈现过。当我再次点击refresh时，一切都如期进行。这是一个存在于我的键盘和椅子之间的问题。媒体查询实际上正在运行，我只需要在方向改变时重新播放一些内容。

你所说的“宽度：3in；”是什么意思。。。在景观中只有正确的尺寸吗？它是三英寸宽的风景画，而不是三英寸宽的肖像画？如果你想填充整个宽度，为什么不使用百分比？我不使用百分比，因为1900x1600屏幕比iPhone大。我只是希望我的SVG图形可读。它们是图表和量具等。在屏幕上，我想要1个在iPhone上，2个在横向。我希望桌面上的1024x768屏幕上有3个。大屏幕上可能有5或6个。我的问题是像素计数帮不了我。当我的尺寸达到3英寸时，我在我的Android平板电脑上得到了三张图表。它们看起来不错。当我把它翻到肖像时，我仍然得到三张图表，它们太小了。你没有使用吗？我的操作说明我是。这只会让我下定决心，但这也无济于事。找到了1024x768分辨率。iPad？电脑显示器？尺寸大不相同。因此，图表在iPad上会显得太小，在PC显示器上会显得太大。只有当你根据分辨率进行查询时，它才会给你提供分辨率。在我之前的评论中，我真的在想，因为你在谈论你旋转屏幕时遇到的问题。但我也不认为摆弄设备像素比例会对你有所帮助，因为你的问题似乎是设备像素的大小。在CSS工作组列表中有很多关于这方面的讨论，请阅读您所说的“宽度：3in；”是什么意思。。。在景观中只有正确的尺寸吗？它是三英寸宽的风景画，而不是三英寸宽的肖像画？如果你想填充整个宽度，为什么不使用百分比？我不使用百分比，因为1900x1600屏幕比iPhone大。我只是希望我的SVG图形可读。它们是图表和量具等。在屏幕上，我想要1个在iPhone上，2个在横向。我希望桌面上的1024x768屏幕上有3个。大屏幕上可能有5或6个。我的问题是像素计数帮不了我。当我的尺寸达到3英寸时，我在我的Android平板电脑上得到了三张图表。它们看起来不错。当我把它翻到肖像时，我仍然得到三张图表，它们太小了。你没有使用吗？我的操作说明我是。这只会让我下定决心，但这也无济于事。找到了1024x768分辨率。iPad？电脑显示器？尺寸大不相同。因此，图表在iPad上会显得太小，在PC显示器上会显得太大。只有当你根据分辨率进行查询时，它才会给你提供分辨率。在我之前的评论中，我真的在想，因为你在谈论你旋转屏幕时遇到的问题。但我也不认为摆弄设备像素比例会对你有所帮助，因为你的问题似乎是设备像素的大小。在CSS工作组列表中有很多关于这个的讨论，请阅读