我对谷歌浏览器有一个奇怪的问题:
使用以下代码:
<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;
}