圖像在Chrome瀏覽器中對齊，但不在Firefox中

這是我的網站http://mokow.de/我正在處理。我試圖通過使用兩邊的邊距（9％）來保持所有對齊。不幸的是，我底部的最後兩張圖片並不真正遵循Firefox的一般規則？圖像在Chrome瀏覽器中對齊，但不在Firefox中

有人可以給我一個簡單的片段，因爲我確信我錯過了那裏的一些東西，我一直試圖解決這個問題一個小時，說實話這真的讓我感到挫敗。 :(

謝謝！

2015-05-12 Davlyin Lafitte

在我的firefox中一切正常，如果你可以截圖你的問題，並提及你有問題的課程！ –

37.0.2 - firefox - 也都ok – Dmitriy

這是我的firefox上發生的事情http://s3.postimg.org/opufza9wz/firefox.jpg 1680x1050 –

好吧，我看到你的問題。這不是關於邊緣，你的問題是，你的圖像不夠大，當屏幕太寬，因爲他們有max-width:100% 。規則，則不能獲得大於他們真的是他們可以STRETCH時反而比圖像的寬度不能做大，使他們不模糊你有2個解決方案，更多鈔票：

變化最大寬度規則爲width: 100%
或更新你的形象，使他們更大一點。

來源

2015-05-12 09:09:46 Vandervals

你好，謝謝你的快速回答，不幸的是這似乎並不解決這個問題。下面是這個問題的更詳細的圖片：http://s16.postimg.org/6nvxtrzth/stack.jpg –

哦，你最後的照片！我指的是8個這樣的組合，這個組合在窗口的大小上有1px的差距！讓我更正我的答案 – Vandervals

你好，感謝您的快速回答，我會簡單地讓他們變大。 –

我發現你的情況的解決方案，我縮小了頁面，並能夠重現您的問題，我期望在屏幕分辨率的問題。

更新以下樣式：

.wpb_single_image .vc_single_image-wrapper { 
    display: inline-block; 
    max-width: 100%; 
    width: 100%; 
} 

.wpb_single_image img { 
    height: auto; 
    max-width: 100%; 
    width: 100%; 
}

我只是說width: 100%;規則。

來源

2015-05-12 11:26:08

圖像在Chrome瀏覽器中對齊，但不在Firefox中

回答

相關問題