4

我有一个页面是能源通讯的在线版本,每个故事都用<hr>. 我今天刚刚注意到其中一个以 680 像素 x 2 像素而不是 680 像素 x 1 像素进行渲染。

检查元素后,我看到高度来自这个 css 条目:“height: 0.1em;” 并且想知道为什么浏览器似乎认为这个而不是其他的需要不同的厚度?(我知道这并不重要,但这只是在困扰我,必须有人知道!)

这是页面:http ://utilitiessavings.co.uk/utilities-insider-issue-10-january-2013/

谢谢

4

2 回答 2

4

em 不是绝对的度量单位。它与您的字体大小成正比。很有可能,两个不同的<hr>标签继承了不同的字体大小,因此计算 0.1em 的方式也不同。

参考: http: //kyleschaeffer.com/user-experience/css-font-size-em-vs-px-vs-pt-vs/

于 2013-01-11T14:10:29.983 回答
3

正如 Eipark 建议您使用 em 而不是像素来格式化您的 HR 条。

真正简单的解决方法是

使用 Style.css 查找第 67 行 hr { 并更改以下代码

由此

height: 0.1em;

至此

height:1px;
于 2013-01-11T14:23:35.500 回答