代码之家 › 专栏 › 技术社区 › Merkelst

为什么Chrome和Firefox中的元素宽度不同?

mozilla haml google-chrome css html

Merkelst · 技术社区 · 7 年前

我有 .sidebar 具有 width: 25em; margin: 0; padding: 0; 。在Chrome上,宽度=169.6px,在Firefox上,宽度=260px。

为什么?firefox中的宽度是如何考虑的?

2 回复 | 直到 7 年前

DreamWave 7 年前

“em”是基于排版大小的单位。不同浏览器中的字体大小可能不同(默认情况下),因此X*<字体大小(>);会有不同的结果请为网页设置字体大小,然后重试

DKyleo 7 年前

Chrome和Firefox的默认字体大小可能不同(假设您使用的是默认字体大小),因为em对应于当前字体大小的x倍。

诚然,基于25em,两者都会出现一些奇怪的数字,但试着输入一个字体大小,看看它们是否仍然是不同的宽度?

推荐文章

iiRosie1 · 非法嵌套:内容不能与%div位于同一行,也不能嵌套在其中

7 年前

Apzal Bahin · 有没有办法将haml文件与Watir一起使用

7 年前

eth3rnit3 · 引导navbar rails gem glypicon

7 年前

Bijay Regmi · 在HAML/HTML中对齐表格的列

7 年前

Rares R · Rails在HAML+Coffeescript中使用数组

7 年前

Snoobie Vishal Sareen · haml为输入字段赋值

7 年前

Snoobie Vishal Sareen · 如何在haml循环中打破?

7 年前

Computer Looker · 当我移动到下方的iframe上时,为什么这个下拉div会消失?

7 年前

Nell David Soledad · HAML条件缩进链接到具有相同内容的

7 年前

Sejista Carl · rails在变量中存储渲染视图

8 年前