【发布时间】：2013-02-13 17:26:40
【问题描述】：
我正在为智能手机创建下面的布局。 iPhone、Android 和黑莓是主要目标。无论是纵向还是横向，布局都将保持不变。对于横向，它将缩放到宽度。无论屏幕方向在相同的相对位置如何，我想要做的是定位和调整文本的大小。灰色框代表图像。我想知道在这种情况下，任何特定的 css 单位、vw、em 或 % 有什么优势吗？
【问题讨论】：
标签： css mobile frontend viewport-units
【发布时间】：2013-02-13 17:26:40
【问题描述】：
我会使用%。它是最容易计算的并且总是相对于外部元素的屏幕（它们的容器是<body>）和相对于它们的内部元素的容器。 em 是相对于1em = 12 pt 的用户默认字体大小。我不认为 em 会是一个好的选择。但是，如果您希望用户能够在移动设备上阅读内容而无需缩放，那么在您的文本大小上使用 em 将是一个好主意。
我不知道 vw 是什么，但我找到了这个网站：http://snook.ca/archives/html_and_css/vm-vh-units。它还提到了 vh 单位。看起来它们是相对于视口而言的，100vw 是当前视口的全宽。我看不出这与100% 有何不同。
我会考虑使用max- 或min- 宽度或高度的图像和事物。
【讨论】：
-
刚得知mozilla不支持vw和vh。 developer.mozilla.org/en-US/docs/Mozilla_CSS_support_chart。靠近页面底部。
-
vw/vh 可用于 % 不起作用的字体大小。