在一些机器上Safari的保证金更多

Question

在我的Macbook以及我的iMac上的Chrome和Firefox中，一切都应该如此，但出于某种原因，无论我做什么，我在Safari中的iMac上的边距正在表现出来。

我试图清空服务器缓存和浏览器缓存。我还尝试将图像的边距更改为图像周围的占位符。什么都没有帮助。

实时网址：http://sebastiankolind.dk

请查看屏幕截图。

Answer 1

问题在于，当子元素超出容器的宽度时，不同的浏览器会有不同的策略来“使其适合”。在这种情况下，Safari缩小了placeholder div的大小。

删除样式定义

后，在文件pete-less-style.css中

ul.posts-list li article.has-thumb {
    width: 710px;
}

该页面在所有浏览器中看起来都很相似。