Изображения в жидком макете не возвращаются к исходной ширине (только веб-набор)

Question

Мой сайт отзывчивый.Он прекрасно работает, за исключением изображений в разделе портфолио.При первой загрузке страницы они выглядят так, как должны, когда вы уменьшаете окно браузера, все работает правильно.Однако, когда вы расширяете браузер до исходной ширины (при условии, что вы начали на рабочем столе с «нормальной» шириной окна браузера), размеры изображений не увеличиваются в зависимости от ширины их родительского контейнера.

URL: http://designintellection.com/portfolio/

Вот соответствующий CSS: http://pastebin.com/7YvQD4Hp

Это происходит только с Safari и Chrome.Прекрасно работает на Firefox и Opera.

Есть идеи?

Answer 1

Я вижу ту же проблему в Chrome.Я полагаю, что это вызвано плавающей точкой: слева, что у вас есть на .pf-screen:

.pf-screen {margin-left: 2.093%;/ 18/860 / float: left; }

Для изображений шириной 100%, если вы удалите float из их элемента контейнера (.pf-экран), это решает проблему в Chrome.