Тянущийся макет

@Galiof_irk · Регистрация: 16.02.2015

Author24 — интернет-сервис помощи студентам

Добрый день. Подскажите, как добиться того, чтобы макет сайта тянулся от 1100 пикселей, до 1900 пикселей?

Всегда делал все с бутстрапом, адаптивно, а тут макет резиновый и то чтобы он тянулся - обязательные условия. Как это сделать?

Заранее спасибо.

@Ademar · 28.11.2018, 13:47

просто не использовать класс container
или если без него не обойтись, то использовать медиазапросы

@scivola · 28.11.2018, 17:27

Вот код. Как он работает, смотрим здесь.
Уменьшайте в примере ширину экрана. Обратите внимание, когда размер экрана 1900px и меньше, то блоки начинают уменьшаться по ширине. Когда размер экрана доходит до 1100px блоки перестают сжиматься. Если внутренним блокам задать фиксированную ширину, они не будут сжиматься.

HTML5

<div class="container">
  <div class="inner-element1">
  </div>
   <div class="inner-element2">
  </div>
   <div class="inner-element3">
  </div>
</div>

CSS

.container {
 min-width: 1100px;
 max-width: 1900px;
 margin: 0 auto;
}
.container div {
 border: 1px solid #000000;
}
.inner-element1 {
 width: 33%;
  height: 50px;
  float: left;
}
.inner-element2 {
 width: 33%;
  height: 50px;
  float: left;
}
.inner-element3 {
 width: 33%;
  height: 50px;
  float: left;
}

@Galiof_irk 1 / 1 / 0 Регистрация: 16.02.2015 Сообщений: 38
		1
	Тянущийся макет 28.11.2018, 08:39. Показов 631. Ответов 2 Метки нет (Все метки) Добрый день. Подскажите, как добиться того, чтобы макет сайта тянулся от 1100 пикселей, до 1900 пикселей? Всегда делал все с бутстрапом, адаптивно, а тут макет резиновый и то чтобы он тянулся - обязательные условия. Как это сделать? Заранее спасибо. 0

@Ademar 26 / 18 / 10 Регистрация: 26.11.2012 Сообщений: 179
	28.11.2018, 13:47	2
	просто не использовать класс container или если без него не обойтись, то использовать медиазапросы 0

	28.11.2018, 17:27