在设计移动网站布局时，使用vw、em或%是否有好处？

Question

3

我正在为智能手机创建以下布局。iPhone、Android和黑莓是主要目标。无论是横屏还是竖屏，布局都将保持不变。对于横屏模式，它将缩放到宽度。我想做的是在相同的相对位置上定位并调整文本大小，无论屏幕方向如何。灰色框表示图像。我想知道在这种情况下是否有特定的CSS单位（vw、em或%）有任何优势？

- whoacowboy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user1934286 · Accepted Answer

我会使用%。这是最容易计算的，对于外部元素（其容器为<body>）始终相对于屏幕，对于内部元素相对于它们的容器。em相对于用户默认字体大小，其中1em = 12 pt。我认为em不是一个好选择。但是，如果您希望用户能够在移动设备上阅读内容而无需缩放，则在文本大小上使用em是一个好主意。

我不知道vw是什么，但我找到了这个网站：http://snook.ca/archives/html_and_css/vm-vh-units。它还提到了vh单位。它们似乎是相对于视口的，其中100vw是当前视口的全宽度。我看不出这与100%有什么不同。

对于图像和其他物品，我会考虑使用max-或min-宽度或高度。