基于“em”的css用于非比例宽度和高度

时间:2012-05-24 05:43:08

标签: css em

使用多种分辨率时,基于“em”的方法似乎是编写css文件的好方法。但是,如果你说两个分辨率480x800& 540x960,则宽度比(540/480 = 112.5%)与高度比(960/800 = 120%)不同。

所以,如果我有一个em字体大小= 112.5%从低分辨率移动到更高分辨率,宽度似乎完全对齐到新的分辨率,但高度(预期字体大小为120%)似乎不足以及那里是在渲染页面的所有元素后在底部创建的白色空白区域。

解决这个问题的任何方法都会有很大的帮助!

1 个答案:

答案 0 :(得分:0)

em fonts 的首选单位,而不是元素维度。在评估元素的font-size时,使用此单位设置宽度是不合理的。

您可能正在尝试引用a vertical rhythm,这是一个维护文本可读性的概念,并且会与页面布局的其余部分混淆。

对于在不同分辨率下的美学上令人愉悦的渲染,您应该查看fluid layouts - 尝试使用该页面上的浏览器宽度进行播放。如您所见,内容流被更改以充分利用可用空间,但由于这两种技术是独立实现的,因此不会调整字体大小/行高。