3

我一直在开发个人网站(所以,时间在这里不是问题),我制作了一个基本样式表,我负责处理所有的字体大小、边框宽度、行高等。我一直努力使用 ems,但是当我在其他浏览器(例如 Chromium)上测试网站时,内容与我的“像素完美”网格不匹配。

所以,我的问题是,我应该改用 px 吗?我的意思是,我知道 ems 是“要走的路”,但现在大多数浏览器都实现了整页缩放(它们不仅仅调整文本大小),而且在处理边框宽度和行高时,px 更舒服,因为我可以完全避免亚像素舍入。

你对此有何看法?(顺便说一句,支持 IE 不是我的目标之一;我不在乎)

4

3 回答 3

2

内容与我的“像素完美”网格不匹配。

如果您正在使用像素完美的网格,请使用像素值。em是一个相对值,仅当布局能够适应不同的内容大小时才有效。

于 2010-12-31T13:06:56.963 回答
2

em只会用于大小取决于字体大小的元素。

边框(及其宽度)等元素通常不依赖于字体大小。

于 2010-12-31T13:10:18.643 回答
0

em用于边距和填充时,我发现相对测量可以做一些有趣的事情。

可以在嵌套元素中em累积,您会发现自己将一些值颠倒过来以将它们与外部元素对齐。

这看起来很好,直到您非常缓慢地缩小浏览器窗口并发现有时嵌套元素的值会舍入到与外部父级不同的像素。

为了解决这个问题,我rem在父级别使用来设置字体大小,并发现这允许父级和后代从相同的基本相对值工作。

于 2014-05-28T17:25:14.920 回答