保證金在某些機器上的Safari瀏覽器中更多

Question

在我的Macbook上以及在我的iMac上的Chrome和Firefox上，一切都應該如此，但由於某些原因，無論我做什麼，我的iMac在Safari上的保證金都是正確的。

我試圖清空服務器緩存和瀏覽器緩存。我也嘗試將圖像邊緣從圖像更改爲圖像周圍的佔位符。沒什麼幫助。

直播網址：http://sebastiankolind.dk

請看看截圖。

Answer 1

的問題是，當一個子元素超過容器的寬度，不同的瀏覽器有不同的策略，「使之適合」。在這種情況下，Safari正在縮小placeholder div的大小。

在您的文件pete-less-style.css，

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

頁面看起來在所有瀏覽器類似刪除樣式定義後。