Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

SEO-продвижение сайта в ТОП поисковых систем. Рост позиций в первый месяц. Закажите услугу в Lion Digital. Ваш надежный партнер в интернет-маркетинге.

от 25000 

Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!

от 29500 

Подходит для небольших стартапов и тех, кто еще не рекламировал свой бизнес в интернете. Разработка сайта (до 5 страниц) + Яндекс Директ / ВК реклама.

от 69000 

Как растянуть фон на весь экран CSS

Самый простой способ растянуть фон на весь экран — это установить свойство height: 100vh для элемента с фоном. Это свойство устанавливает высоту элемента на 100% высоты видимой области окна браузера, что приводит к растяжению фона на весь экран.

body {
  background-image: url(path/to/image.jpg);
  background-size: cover;
  background-position: center center;
  height: 100vh;
}

В этом примере свойство background-size устанавливает размер фона cover (соотношение сторон изображения сохраняется, так что изображение растягивается на всю высоту и ширину элемента, а лишнее обрезается), а свойство background-position устанавливает позиционирование фона по центру окна браузера.

Также можно использовать width: 100vw или width: 100% для растяжения фона в ширину.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

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

Меню

Оставить заявку

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