Почему не работает viewport?

Question

[wixtransfer]

Через смартфон, сайт не масштабируется по размеру экрана.

Хотя использую метатег

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

Код сайта:
https://codepen.io/jerik-turusow/pen/LYYVyxr

В чем может быть дело?

Comments

[Lynn «Кофеман»]

Потому что двоеточие вместо равно

[Владислав Лысков]

Алексей Тен, и в этом)

[wixtransfer]

Алексей Тен, все равно не работает(

Answer 1

[Владислав Лысков]

.center {
  width: 1200px;
  height: 2500px;
  margin: 0 auto;
}

в этом

Comments

[wixtransfer]

Спасибо! А как тогда мне отцентровать весь контент?

[Владислав Лысков]

wixtransfer, во первых, посмотри комментарий к вопросу, там правильный ответ, второе, если у тебя width: 1200px, оно на всех устройствах будет 1200, если не использовать @media запросы, центрируй как угодно

[igumenov]

.center {
width: 100%;
max-width: 1200px;
height: 2500px;
margin: 0 auto;
}

[wixtransfer]

Владислав Лысков, На многих сайтах видел, когда сайт тупо масштабируется под мобилку, т.е. выглядет как на десктопе, но по ширине экрана мобилки. Можно это как то сделать? П.С. метатег исправил

[Владислав Лысков]

wixtransfer, см комментарий автора выше

[wixtransfer]

Владислав Лысков, все равно не работает