Как указать соотношение сторон картинке?

Question

[vladislavik95]

Доброго времени суток. Есть небольшая проблема с картинками на WP. На десктопе все ок, нормально показывает:



Но как только перехожу в моб. версию, картинки не обрежаються, но сужаються и неудобно читать, как можно решить эту проблему чтобы картинки в моб. версии показывали нормально?

Comments

[v3shin]

Высота картинки фиксирована, а ширина 100%?

[vladislavik95]

v3shin, да...

[v3shin]

vladislavik95, а в мобильной версии ширина контентной части меньше, чем в десктопной?
Если да, уберите у картинки высоту.

[vladislavik95]

v3shin, да, меньше конечно...Хммм, сейчас попробую..

[vladislavik95]

v3shin, нет, убираю, а картинка выходит за рамки экрана...Скинул вверху ссылку на страницу...

[v3shin]

vladislavik95, ну так. У изображения прописаны атрибуты width и height, а в стилях прописаны max-width и max-height.
Пропишите в стилях width:100% и уберите размеры из атрибутов.

[vladislavik95]

v3shin, спасибо, сейчас попробую..

[vladislavik95]

v3shin, спасибо, получилось, только нужно было еще добавить height:100%