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