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