• Страница 1 из 1
  • 1
Как сделать резиновый div при помощи CSS
Kosten
Пятница, 02 Февраля 2018, 19:11 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Если не знаете как создать резиновый div, то эта заметка для вас. Так как сейчас нужны адаптивные шаблоны, что этот прием будет актуален для верстки элемента по адаптивность. За пример можно взять блок, который будет корректно смотреться на любом размере экрана или монитора. А точнее будет растягиваться, где при каждом разрешение автоматически станет преобразоваться под размер.



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

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