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

Question

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

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

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

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

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

Вопрос задан более трёх лет назад
212 просмотров

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 и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

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

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

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

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

PHP

+2 ещё

Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
- 1 подписчик
- 03 нояб.
- 92 просмотра
0

ответов
CSS

Простой
Как выстроить 4 блока, чтобы расстояния были одинаковые на флексах?
- 1 подписчик
- 31 окт.
- 98 просмотров
2

ответа
CSS

Простой
Как правильно задать размеры блоков?
- 1 подписчик
- 31 окт.
- 84 просмотра
1

ответ
HTML

Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
- 1 подписчик
- 29 окт.
- 143 просмотра
0

ответов
HTML

+1 ещё

Простой
Как создать карточки в рядах со смещением?
- 1 подписчик
- 28 окт.
- 101 просмотр
1

ответ
CSS

Простой
Как на css сделать в карточке товара появление блока кнопок при наведении курсора?
- 1 подписчик
- 27 окт.
- 136 просмотров
1

ответ
CSS

Простой
Как такое сверстать?
- 1 подписчик
- 26 окт.
- 301 просмотр
2

ответа
CSS

Простой
Поему не срабатывает стиль шрифта?
- 1 подписчик
- 20 окт.
- 178 просмотров
0

ответов
Вёрстка

Средний
Почему появляется белая полоса справа при верстке сайта?
- 1 подписчик
- 19 окт.
- 157 просмотров
0

ответов
CSS

+1 ещё

Простой
Почему после изменений в css на сайте нет изменений?
- 1 подписчик
- 13 окт.
- 237 просмотров
3

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

Верстальщик / фронтендер для браузерного расширения

DevTeam.Space

от 1 000 до 2 000 $

PHP-разработчик

FoodSoul • Калининград

от 180 000 до 250 000 ₽

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 70 000 ₽

даже при разрешении монитора 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, в целом - то, что надо
Спасибо за ответ)
Александра, обнуление отступов, это просто моя дурная привычка.
для меня проще с самого начала убрать всё,
а потом уже расставлять по мере необходимости.

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

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

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

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