Google Chrome的宽度不同

时间:2015-05-21 12:01:48

标签: html css macos google-chrome width

我对谷歌浏览器有一个奇怪的问题:

使用以下代码:

<li class="smallAds fleft">
<a href="news">
    <img class="addBorder" src=".." alt="Dialetu news!" />
</a>
</li>

firefox和其他浏览器上的li元素是190px宽度,但在chrome上是190.016px。这种小差异足以破坏布局。

任何人都知道为什么会这样?

这只发生在Chrome for Mac上,在Windows上完美运行。另外我的css规则没有li元素的宽度,因为它应该继承img的宽度。

此处的相关CSS是与图像关联的CSS,因为上述元素没有任何特定的样式:

#afterSlideShowSection ul li img {
border-right: 2px solid #fff;
box-sizing: border-box;
height: auto;
margin-top: 2px;
width: 190px;
}

1 个答案:

答案 0 :(得分:0)

似乎是chrome中的一个问题:

https://code.google.com/p/chromium/issues/detail?id=491328