Проблема с размером изображений при ресайзе страницы

Алексей добавил(а) 6 мес. назад
Не проблема

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

По этой причине часть контента с изображения перестает быть видна:

1351c301475e676a3ab805fd66f20024\1b140cd26680c6a7281955bbe3fc5292

2542009c7d4aeb118697529832a24e44

Комментарии (2)

фото
1

Надеюсь в тему, но и вставляемые картинки в описание товара не адаптивные. В БАзе Знаний Аспро были какие-то рекомендации по стилям, но это Ужасно неэффективно по времени и сложно для простого контент-менеджера, а во-вторых, не помню, чтобы действительно помогало. Может второе так показалось, потому что реализация очень неприятная. Неужели у всех CMS такие проблемы?

фото
1

Размер блока на разных разрешениях отличается. Если изображение подстраивать под размер блока полностью, то будет идти его пережатие. Выглядит это не очень красиво. Поэтому и используем центрирование изображения.

фото
1

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


Тут выбор между "не очень красиво" и "совсем не функционально" встает.


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


Пример проблемы на разрешении 1280x800px (ноутбуки) на нескольких сайтах:

45aeceee6c282ed2a26ab40b89ab6da2


30b60cb3160e59aeddbb364b6d72a1c0

фото