Изображения выровнены в Chrome и Explorer, но не в Firefox

Question

Это мой сайт http://mokow.de/ Я работаю над. Я стараюсь, чтобы все было согласовано с использованием полей (9%) с обеих сторон. К сожалению, мои последние два изображения внизу не соответствуют общему правилу Firefox?

Может ли кто-нибудь предоставить мне простой фрагмент, так как я уверен, что чего-то не хватает, я пытался устранить эту проблему в течение часа, и, честно говоря, это действительно расстраивает меня. :(

Спасибо!

Answer 1

Хорошо, я вижу вашу проблему. Речь не идет о полях, ваша проблема в том, что изображения не является достаточно большим, и когда экран слишком широк, так как они имеют max-width:100% .. правило, то не может получить больше, чем они на самом деле они могут, но растяжения, чем ширина изображения не может расти больше, чтобы они не размываются у вас есть 2 решения: Возможное

1. изменить правило максимальной ширины до width: 100%
2. или upda ваши изображения и сделайте их немного больше.

Answer 2

Я нашел решение для вашего дела, я увеличил масштаб страницы и смог воспроизвести вашу проблему, я ожидал, что проблема будет в разрешении экрана.

Update следующие стили:

.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%; правилам.