Как поменять баннер на теме Drupal 7.x Zen для разных видов? - PullRequest
0 голосов
/ 10 октября 2018

У меня есть сайт, который все еще использует Drupal 7.x.У меня есть топ-баннер, который отлично работает на большом экране с разрешением более 1100 пикселей.Однако этот же баннер не будет работать на небольших экранах, особенно на экранах смартфонов.Итак, если я помещаю баннер в блок с тегом изображения, как я могу изменить исходное изображение для разных значений ширины экрана?

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

Заранее благодарим за любые советы по решению этой проблемы.Возможно, есть модуль, который обрабатывает изменение содержимого блока в зависимости от размера области просмотра.

1 Ответ

0 голосов
/ 11 октября 2018

Если баннер не помещается на экране меньшего размера, попробуйте использовать background-size: contain или background-size: cover.Это должно быть возможно архивировать только с помощью CSS, без необходимости иметь разные изображения во всех медиазапросах.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...