2012-02-29 2 views
2

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

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

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

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

Любые идеи?

+0

Я использую новейший Chrome, и изображение iPhone сокращается, и в Windows 7 оно очень хорошо растет. Safari 5.1.2 также ведет себя правильно. Я не вижу проблемы. – jmbertucci

+0

Я тестировал Chrome, Safari и Firefox на Mac, и все ведет себя нормально ... не уверен, что это за ошибка. – Dan

+0

О, ну, я думаю, это приятно слышать. Моя проблема в Safari 5.1.2/Chrome 17 на Mac. Я подожду еще несколько дней и закрою билет, если никто его не увидит. Вот что выглядит мое: https://img.skitch.com/20120301-xk9422f4455wywg7i978hxs5f3.jpg –

ответ

0

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

.pf-screen {margin-left: 2.093%;/18/860/float: слева;}

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

+0

Да, это так! Благодаря! –

 Смежные вопросы

  • Нет связанных вопросов^_^