Почему при изменении масштаба сайта, он схлопывается?

Question

[Vasiliy]

Здравствуйте!
Не могу понять почему при изменении масштаба сайта он начинает рушится!
Написал сайт месяца 2 назад и только сейчас заметил ошибку. Верстал через сетку jeet/
Site
almetsamara.ru

Comments

[Otrivin]

В каком смысле схлопывается?

[Vasiliy]

Otrivin: со 100% попробуйте уменьшить до 75% и увидите

Answer 1

[Vladislav Apalkov]

@media only screen and (max-width: 991px) and (min-width: 768px)
_grid-sm-min-an…sm-max.scss:65
.mod-2 {
    overflow: hidden;
display: none;

Comments

[Vladislav Apalkov]

при мобильной адаптации display: none прописан, и поэтому исчезают блоки. Если Вы про это

[Vasiliy]

Vladislav Apalkov: нет не про это, я говорю что если открыть в браузере в 100% масштаба, то все нормально! Если уменьшить масштаб до 75% все схлопывается

Answer 2

[Алексей Скляров]

Потому что у вас все стили работают до 1920 пкс ширины окна, все что больше этого окна (как раз при 75% масштаба) уже стили не использует.

Comments

[Vasiliy]

а при уменьшении экрана px больше становиться?

[Алексей Скляров]

Vasiliy: формально. Если вы на 1360 пкс ширине сделаете масштаб 90% то формально у вас будет 1400 пкс. Вообще вам достаточно поменять число 1920 (если вы можете просто стереть по-человечески и написать нормально) на, скажем, 4000 и все.