• Страница 1 из 1
  • 1
Форум » Записки веб-разработчика » Начинающему вебмастеру » Как сделать резиновый div при помощи CSS (Создать Div для резиновой верстки)
Как сделать резиновый div при помощи CSS
Kosten
Дата: Пятница, 2018-02-02, 19:11 | Сообщение 1
Администраторы
Сообщений:18833
Награды: 55


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



Чтоб получился резиновый div нужно поставить в CSS:

Код
.container{
    margin:0 auto;/*Центрирование блока*/
    background:#ccc;/*Цвет блока*/
    max-width:1280px;/*Максимальная ширина при больших разрешениях*/
    min-width:940px;/*Минимальная ширина при маленьких разрешениях*/
    width:auto;/*Ширина в зависимости от разрешения экрана*/
}
Прикрепления: 4965448.png(9.2 Kb)
Страна: (RU)
Форум » Записки веб-разработчика » Начинающему вебмастеру » Как сделать резиновый div при помощи CSS (Создать Div для резиновой верстки)
  • Страница 1 из 1
  • 1
Поиск: