我正在为智能手机创建以下布局。iPhone、Android和黑莓是主要目标。无论是横屏还是竖屏,布局都将保持不变。对于横屏模式,它将缩放到宽度。我想做的是在相同的相对位置上定位并调整文本大小,无论屏幕方向如何。灰色框表示图像。我想知道在这种情况下是否有特定的CSS单位(vw、em或%)有任何优势?
%
。这是最容易计算的,对于外部元素(其容器为<body>
)始终相对于屏幕,对于内部元素相对于它们的容器。em相对于用户默认字体大小,其中1em = 12 pt
。我认为em不是一个好选择。但是,如果您希望用户能够在移动设备上阅读内容而无需缩放,则在文本大小上使用em是一个好主意。100vw
是当前视口的全宽度。我看不出这与100%
有什么不同。max-
或min-
宽度或高度。