Что должно быть в meta для резинового сайта?

Question

[GreenMan1899]

Каждый сектор сайта у меня обернут в container

.container {
  width: 100%;
  min-width: 960px;
  max-width: 1272px;
  margin: 0 auto;
  padding: 0 15px;
  overflow: hidden;
}

Т.е. мне нужно, чтобы блоки сужались/разжимались в интервале от 960 до 1272.
Что для этого нужно?

В остальном я использую row и col- бутстрапа.

Сейчас же у меня появляется прокрутка.

Answer 1

[Максим]

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Comments

[GreenMan1899]

все равно. Почему-то появляется прокрутка при 1034 пикселях

[Максим]

GreenMan1899: добавьте либо box-sizing:border-box; либо делайте в %

[Максим]

GreenMan1899: codepen.io/Geyan/pen/xRdPwW?editors=110 вот пример

[Сергей Тутуков]

Убери min-width:950px; и все заработает

[GreenMan1899]

Проблема нашлась. В другом месте кода стояла min-width=1272px

Answer 2

[GreatRash]

https://developer.mozilla.org/en-US/docs/Mozilla/M...

Answer 3

[tommy_13]

на меньшем разрешении она и будет появляться, стоит же: min-width: 960px;

Comments

[GreenMan1899]

но появляется на 1034

[tommy_13]

значит, внутри блока что-то растягивает родительский

[GreenMan1899]

Проблема нашлась. В другом месте кода стояла min-width=1272px

Answer 4

[GreenMan1899]

Проблема нашлась. В другом месте кода стояла min-width=1272px