我有一个在开发中使用 CSS3 和 SVG 图形的 HTML5 页面。当设备像素比为 1.5 或 2 时，我尝试使用媒体查询来放大 SVG 图形。这很好用。现在我在摩托罗拉 Xoom 这样的小型设备上查看我的页面。报告的比率是 1。这意味着与常规显示器相比，Xoom 显示的所有内容都非常小。最烦人的部分是它在横向模式下看起来很棒，但在纵向模式下，整个页面会调整大小以适应相同的宽度。此时比率数不会改变。
我确实尝试过使用类似“宽度：3in;”的东西 但同样，它只是横向的正确尺寸。
最终，我想使用某种设备大小与像素大小的比率，并以这种方式缩放所有内容。这可能吗？