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

Question

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

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

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

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

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

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

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

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

Написано более двух лет назад

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

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

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

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

JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- 41 минуту назад
- 14 просмотров
0

ответов
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- 8 часов назад
- 70 просмотров
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 12 часов назад
- 81 просмотр
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- 16 часов назад
- 77 просмотров
0

ответов
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- вчера
- 70 просмотров
1

ответ
HTML

+1 ещё

Простой
Как расположить контент сайта на всю высоту?
- 1 подписчик
- вчера
- 53 просмотра
1

ответ
HTML

+1 ещё

Простой
Паддинг и Маргин ломает длину и ширину, не получается выставить отступы внутри блока?
- 1 подписчик
- вчера
- 58 просмотров
1

ответ
CSS

Простой
Можно ли в CSS сгладить углы при использовании border-radius?
- 1 подписчик
- вчера
- 92 просмотра
1

ответ
CSS

+2 ещё

Простой
Как корректно настроить Gulp + Sass?
- 1 подписчик
- 21 нояб.
- 71 просмотр
2

ответа
HTML

Простой
Почему некорректно отражается текстареа в Osclass evolution?
- 1 подписчик
- 21 нояб.
- 35 просмотров
0

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

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

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

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Создать сервер VPS через wireguard

24 нояб. 2024, в 00:04

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

Добавить интеграцию оплаты Telegram Payments 2.0 в Mini App (React)

23 нояб. 2024, в 23:30

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

Нарисовать инфографику в 3-х вариантах

23 нояб. 2024, в 23:03

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

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

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

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

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

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