2

我正在为智能手机创建下面的布局。iPhone、Android 和黑莓是主要目标。无论是纵向还是横向,布局都将保持不变。对于横向,它将缩放到宽度。无论屏幕方向如何,我想要做的是定位和调整文本的大小。灰色框代表图像。我想知道在这种情况下,任何特定的 css 单位、vw、em 或 % 有什么优势吗?

线框

4

1 回答 1

1

我会用%. 它是最容易计算的并且总是相对于外部元素的屏幕(它们的容器所在的位置<body>)和相对于它们的内部元素的容器。em 是相对于用户默认字体大小的,其中1em = 12 pt. 我不认为 em 会是一个好的选择。但是,如果您希望用户能够在不缩放的情况下阅读移动设备上的内容,那么在您的文本大小上使用 em 将是一个好主意。

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

在图像和我会考虑使用max-min-宽度或高度的东西上。

于 2013-02-13T18:13:19.073 回答