Вопрос по CSS
adwebzoom


Cпециалист
: 123
: 05-11-2013


17-02-2020 03:17
Доброго дня!
Подскажите по стилям.

Имеется фоновое изображение <!-- Category image -->, которое при прокрутке страницы остается зафиксированным (не помню как называется эффект) вывожу его
Код:
background: url(https://site.ru/c/14-tm_category_default/1.jpg) 0px 0px / cover no-repeat fixed rgba(0, 0, 0, 0);


Проблема в том что данное изображение не адаптируется под размер экрана, а отображается в полный масштаб (1920х600). Как его сделать адаптивным под размер экрана?
 
 
adwebzoom


Cпециалист
: 123
: 05-11-2013


17-02-2020 04:15
Пояснение. Изначально фоновое изображение прокручивалось вместе со страницей, стандартно. Нашел код в шаблоне category-description (указан в предыдущем сообщении) и добавил строчку 0px 0px / cover no-repeat fixed rgba(0, 0, 0, 0). Таким образом получил что было задумано. Но изображение пояему-то не адаптируется под размеры экрана.
 
 
Алекс


Администратор
: 4516
: Красноярск
: 29-05-2009


17-02-2020 14:46
Цитата:( adwebzoom @ 17-02-2020 05:15 Смотреть сообщение )
Но изображение пояему-то не адаптируется под размеры экрана.

Попробуйте
Код:
cover
заменить на
Код:
contain
 
  
adwebzoom


Cпециалист
: 123
: 05-11-2013


17-02-2020 16:02
Алекс, благодарю!
Совет помог!