адаптивные картинки в firefox

[cyklop77]

помогите пожалуйста решить проблему в кроссбраузерностью изменения размеров изображения

 

страничка сделана на bootstrap3. в последней версии FF при уменьшении ширины окна до 300px изображение .girl пропорционально сжимается, а изображение .logo_pic - нет

 

не помогает удаление обёртки <a>, или добавление обёртке классов типа col-xs-12 col-sm-12 col-md-5 col-lg-5 , или изменение display обёртки

 

в opera, chrome сжимаются оба изображения

[klierik]

Responsive images

Images in Bootstrap 3 can be made responsive-friendly via the addition of the .img-responsive class. This appliesmax-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.

<img src="..." class="img-responsive" alt="Responsive image">

[cyklop77]

у обоих изображений, про которые я говорил выше есть этот класс...

[mrnobody]

Блин, хоть бы предупредили, мои глаза не выдержали, печатаю вслепую ))))

 

У logo установите float: none; при нужной ширине области просмотра.

Edited November 13, 2013 by mrnobody

[advokatua]

У вас таблицы стилей что-то не грузятся 

 

Хром. 

[cyklop77]

У вас таблицы стилей что-то не грузятся 

 

Хром. 

грузятся. видимо, сервер колбасит

 

извиняюсь за офтоп, но скажи пожалуйста, что это за плагины у тебя в верхнем правом углу хрома?

[cyklop77]

Блин, хоть бы предупредили, мои глаза не выдержали, печатаю вслепую ))))

 

У logo установите float: none; при нужной ширине области просмотра.

спасибо, помогло. а это явление можно объяснить или оно найдено методом тыка?

[advokatua]

плагины для проверки верстки и упрощенной работы с CSS: liveReload, PixelPerfect, ruulthisSite, ColorPicker

[klierik]

спасибо, помогло. а это явление можно объяснить или оно найдено методом тыка?

 

это не явление а понимание как работает float