Question

Добрый день!  Подскажите, какой код можно добавить в мобильный шаблон, чтобы картинки не выходили за область экрана?  Вот страница для примера: http://windows-aktiv.my1.ru/stuff/nuzhnye_programmy/luchshij_besplatnyj_vpn_dlja_kompjutera/3-1-0-86  сдесь картинка и видео выходят за области экрана, если смартфон держать вертикально.  Можно их кодом выровнять по ширине текста?  За ранее благодарен. С уважением, Владимир.

Answer 1

Для адаптивности фото и видео (которое добавлено с ютуба) можно прописать в стили:

img,iframe {max-width:100%!important;height:auto!important;}

Comments

Yuri_Geruk,

Сделал. Но картинки в каталоге файлов все равно урезанные остаются.

---

Владимир Куборев,

Вы кеш в браузере не очистили, потому и урезанные.

---

Yuri_Geruk,

Да заработало. Но теперь на Страница материала и комментариев к нему картинки опять стали вылазить за область экрана.

---

Владимир Куборев,

В каком модуле? Вы кеш в браузере почистили? Я проверил, все хорошо и не вылазит.

---

Yuri_Geruk,

Да все работает, благодарю.