Как настроить корректное отображение изображений на мобильных устройствах?
ID статьи:
59
, создана 25 апр 2016
В контентных разделах картинки неадаптивны и выходят за границы экрана при уменьшении окна браузера и на мобильных устройствах.
Решение
Для того, чтобы сделать картинки в детальном описании или анонсе масштабируемыми, нужно отредактировать теги изображений в режиме HTML.
Инструкция:
- Перейдите в режим редактирования нужной статьи или новости и переключитесь в режим HTML.
- Добавьте к изображению контейнер со стилями вида и установите ширину для изображения 100%. При этом HTML-код примет следующий вид.
<div style="max-width: 640px;">
<img src="/upload/texet.jpg"width="100%"><br>
</div>
Сохраните изменения.
