При ширине 100% сайт на телефоне уже окна браузера. Как сделать, чтобы он растянулся на всё окно?

Question

[Levorukij5]

Пытаюсь адаптировать сайт pl-galerie.ru под гаджеты. Добавил в head:

media правила работают корректно, но на телефоне и на планшете сайт упорно отображается уже, чем окно браузера, при том, что для body прописано width: 100%
Попытки задать width больше, чем 100%, приводят к тому, что на некоторых гаджетах появляется горизонтальный скролинг, а на некоторых зазор всё равно остаётся. Как сделать его ровно такой ширины, как экран?
Сайт работает на Битриксе.

Comments

[Виктор Таран]

А не проще ли его сразу собирать на bootstrap ?

Answer 1

[Сергей]

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

Comments

[Levorukij5]

Для большинства устройств решает проблему, но на некоторых, например, Galaxy S5, появляется горизонтальный скролинг с пустой полосой справа