Откуда появляется масштаб для html?

Question

[Михаил Костиков]

Добрый день!
Есть сайт CMS WP. Не могу понять каким образом на нем появляется масштаб на мобильной версии.


Ссылка на страницу 4.mustang.tmweb.ru/klassicheskie-kreditnye-karty
Как видно на скриноште для устройства шириной 360 px ширина html тоже 360 px, но занимает не всю ширину устройства а справа есть свободное место.
За счет чего появляется данный эффект? Дело в том что мне требуется внести правки css, но после моих изменений данный эффект пропадает и я не знаю как его вернуть.
Мне нужно обрезать страницу я делаю это так

.page {
  overflow-y: hidden;
  height: 2000px;
}

Может можно обрезать как то по другому?

Comments

[Lord_Dantes]

Кхм.. может измените

<meta name="viewport" content="width=device-width ">

на

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

[Михаил Костиков]

slave, если изменить то этот эффект с отступом пропадет, мне нужно его оставить.

[Михаил Костиков]

slave, сейчас я добавил initial-scale=1 масштаб пропал, мне наоборот нужно что бы он не пропадал.

Answer 1

[Mikhail Rerberg]

Во-первых, сделайте то, что посоветовал комментатор выше, а решение вашей проблемы - отрицательные margin у класса .row

.row {
margin-right: -15px;
margin-left: -15px;
}

Comments

[Михаил Костиков]

Моя проблема в том что масштаб пропадает после overflow-y: hidden;
initial-scale=1 его так же убирает.

Я бы хотел найти где то какой браузер сам ставит масштаб и вернуть его после того как он сбрасывается.

[strelok011]

Вы не с той стороны взялись за приготовление пирога.
Для правильной работы вашей верстки на мобиле с такими отступами - добавьте в CSS mediaqueries для данного разрешения и измените стиль, измените отрицательные отступы, скорректируйте верстку чтобы она не зависела от масштабирования.
Масштабирование - это плохой кейс. И не управляемый.

[Михаил Костиков]

Уже пробовал. Десятки плагинов и страниц, которые уже подогнаны под текущий масштаб. Было потрачено много времени, в итоге какой-то элемент не помещается, поправляешь его тогда на другой странице одно на другое заезжает.