Как убрать скролл при фиксированной ширине сайта (сайт не адаптивен)?

Question

Александра @Aleksa-s

Как убрать скролл при фиксированной ширине сайта (сайт не адаптивен)?

В мета прописана фиксированная ширина:
<meta name="viewport" content="width=1920">
В css файле:

html,body{
	width: 1920px;
        min-width:1920px;
	margin:0 auto;
}

Вроде бы всё правильно, но на телефоне появляется горизонтальный скролл. Как исправить, чтобы страница полностью размещалась во всю ширину на всех разрешениях?

Вопрос задан более года назад
163 просмотра

5 комментариев

Подписаться 1 Простой 5 комментариев

Semantic.Moscow @SemanticMoscow

даже при разрешении монитора 1920х1080 на десктопе может быть скролл,
ибо 1. в браузере часто есть боковая панелька. 2. если появляется вертикальный скролл, он отщипывает от ширины своё.

вопрос про телефон я вообще не понял.
может вместо пикселей указывать 100%?

Написано более года назад
Александра @Aleksa-s Автор вопроса

Semantic.Moscow, про телефон - пытаюсь добиться того, что бы макет зумился, пропорционально уменьшаясь по ширине экрана (как раньше делали сайты, без адаптива)
Пример: bootstrap-3.ru/examples/non-responsive - на телефоне тут нет горизонтального скролла на телефоне

Указание body - 100% не помогает

Причем, переворачиваешь телефон горизонтально - скролл пропадает)

Написано более года назад
Semantic.Moscow @SemanticMoscow
Александра, просто уберите все упоминания абсолютных размеров.

<!DOCTYPE html><html lang="ru"><head><meta charset="utf-8"><title>tmp</title><meta name="viewport" content="width=device-width,initial-scale=1"/> <style>*{padding:0;margin:0}body{width:100%;height:100%;background:#696969;color:#fff}</style></head> <body><h1>Главная</h1></body></html>

вот, на всю ширину и на всю высоту, без скрола, на десктопе и на телефоне в любых размерах.
Написано более года назад
Александра @Aleksa-s Автор вопроса

Semantic.Moscow,
Не поняла, если честно, зачем отступы убирать у всего - как верстать с этим
"просто уберите все упоминания абсолютных размеров." - поставила все размеры в vw, в целом - то, что надо
Спасибо за ответ)

Написано более года назад
Semantic.Moscow @SemanticMoscow

Александра, обнуление отступов, это просто моя дурная привычка.
для меня проще с самого начала убрать всё,
а потом уже расставлять по мере необходимости.

Написано более года назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+3 ещё

Простой
Возникла поломка файлов для установки пакетов в редакторе Atom, есть ли решение данной проблемы?
- 1 подписчик
- 8 часов назад
- 42 просмотра
1

ответ
CSS

Средний
Как загруглить края полосы прокрутки?
- 1 подписчик
- 11 часов назад
- 35 просмотров
0

ответов
HTML

Простой
Как выставить фото в select?
- 1 подписчик
- 13 часов назад
- 56 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Вся секция заежает за header?
- 1 подписчик
- вчера
- 87 просмотров
1

ответ
CSS

Простой
Как в данном коде формируется высота блока?
- 1 подписчик
- вчера
- 48 просмотров
1

ответ
CSS

Простой
Как убрать подчеркивание ссылки :hover?
- 1 подписчик
- вчера
- 99 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Возможно ли расположить или чтобы блок div мог заходить в прозрачный фон png фота?
- 1 подписчик
- вчера
- 35 просмотров
1

ответ
CSS

Простой
Как сделать фон который слева сужается, справа расширяется?
- 1 подписчик
- вчера
- 60 просмотров
1

ответ
CSS

+1 ещё

Простой
Bootstrap, как затемнить картинку?
- 1 подписчик
- вчера
- 55 просмотров
0

ответов
JavaScript

+3 ещё

Простой
Почему приходят пустые данные с формы на почту?
- 1 подписчик
- вчера
- 63 просмотра
1

ответ
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Дописать/Написать скрипт для экспорта из Telegram

28 апр. 2024, в 00:54

10000 руб./за проект

Разработать дизайн сайта

28 апр. 2024, в 00:53

70000 руб./за проект

Дизайн интерьера для заведения

27 апр. 2024, в 21:24

150000 руб./за проект

даже при разрешении монитора 1920х1080 на десктопе может быть скролл,
ибо 1. в браузере часто есть боковая панелька. 2. если появляется вертикальный скролл, он отщипывает от ширины своё.

вопрос про телефон я вообще не понял.
может вместо пикселей указывать 100%?
Semantic.Moscow, про телефон - пытаюсь добиться того, что бы макет зумился, пропорционально уменьшаясь по ширине экрана (как раньше делали сайты, без адаптива)
Пример: bootstrap-3.ru/examples/non-responsive - на телефоне тут нет горизонтального скролла на телефоне

Указание body - 100% не помогает

Причем, переворачиваешь телефон горизонтально - скролл пропадает)
Александра, просто уберите все упоминания абсолютных размеров.

<!DOCTYPE html><html lang="ru"><head><meta charset="utf-8"><title>tmp</title><meta name="viewport" content="width=device-width,initial-scale=1"/> <style>*{padding:0;margin:0}body{width:100%;height:100%;background:#696969;color:#fff}</style></head> <body><h1>Главная</h1></body></html>

вот, на всю ширину и на всю высоту, без скрола, на десктопе и на телефоне в любых размерах.
Semantic.Moscow,
Не поняла, если честно, зачем отступы убирать у всего - как верстать с этим
"просто уберите все упоминания абсолютных размеров." - поставила все размеры в vw, в целом - то, что надо
Спасибо за ответ)
Александра, обнуление отступов, это просто моя дурная привычка.
для меня проще с самого начала убрать всё,
а потом уже расставлять по мере необходимости.

Как убрать скролл при фиксированной ширине сайта (сайт не адаптивен)?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт