Нормально ли делать так — html{min-width:500px}?

Question

Roweb @Roweb

Верстальщик

Вёрстка

Нормально ли делать так — html{min-width:500px}?

Нормально ли делать так - html{min-width:500px}? При том, что устраивает пропорциональное сжатие после 500px. Есть ли подводные камни?(знаю, что на малых экранах будет мелко, но это устраивает)

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

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

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

olya_097 @olya_097

А смысл от данной записи?

Написано более трёх лет назад
Roweb @Roweb Автор вопроса

В том, чтобы не делать адаптив ниже 500px и верстка не ехала

Написано более трёх лет назад
olya_097 @olya_097

Roweb, просто как по мне лучше делать адаптив и не париться

Написано более трёх лет назад
Roweb @Roweb Автор вопроса

olya_097, Делать можно по разному, но знать лучше как можно больше

Написано более трёх лет назад
olya_097 @olya_097

Roweb, ну я просто никогда верстки с использованием min-width не встречала

Написано более трёх лет назад
Roweb @Roweb Автор вопроса

olya_097, Я редко встречал, поэтому и интересен вопрос

Написано более трёх лет назад
Rustam Bainazarov @SmthTo Куратор тега Вёрстка

Нет, так делать не нормально.

Написано более трёх лет назад
Rustam Bainazarov @SmthTo Куратор тега Вёрстка

И адаптивность вы на телефонах таким образом не отключите. Вы этим действием только тупо сделаете горизонтальную прокрутку на всём сайте. Ну и, безусловно, никакого у вас «пропорционального сжатия» на мобильных не будет.

Адаптивность зависит от мета-тега, а не от такой штуки, какую вы хотите сделать.

Написано более трёх лет назад
Roweb @Roweb Автор вопроса

Рустам Байназаров, На мобильном хроме это работает, легко проверить

Написано более трёх лет назад
Rustam Bainazarov @SmthTo Куратор тега Вёрстка
Roweb, если у вас не стоит meta-тег
<meta name="viewport" content="width=device-width, initial-scale=1">
— то, понятное дело, будет работать, но если он стоит, работать это не будет. У вас будет тупо подстраиваться под это дело.

Если же у вас сайт построен адаптивно, а вы внезапно поставили минимальную ширину, то на разрешениях меньше 500px будет горизонтальный скролл.
Написано более трёх лет назад
Roweb @Roweb Автор вопроса

Рустам Байназаров, Стоит конечно, только без intial-scale

Написано более трёх лет назад

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

Ответы на вопрос 1

Комментировать

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

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

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

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

JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 46 просмотров
0

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

Средний
Как правильно вставлять изображения при наличии двух тем оформления сайта?
- 1 подписчик
- 19 апр.
- 109 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- 18 апр.
- 88 просмотров
1

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

Простой
В чем может быть проблема, верстка расплывается по экрану телефона?
- 5 подписчиков
- 17 апр.
- 5110 просмотров
7

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

Средний
Что использовать для современной автоматизации верстки?
- 1 подписчик
- 15 апр.
- 157 просмотров
1

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

Простой
Можно ли сверстать макет без JavaScript?
- 3 подписчика
- 15 апр.
- 790 просмотров
3

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

Простой
Какой актуальный стек верстки 2024?
- 3 подписчика
- 10 апр.
- 1054 просмотра
3

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

+1 ещё

Средний
Есть ли отслеживание страницы при вёрстке в GULP?
- 1 подписчик
- 10 апр.
- 68 просмотров
1

ответ
HTML

+2 ещё

Простой
Как сделать такой clip-path на задний фон?
- 1 подписчик
- 07 апр.
- 114 просмотров
0

ответов
HTML

+2 ещё

Средний
Как сделать колесо для текста css?
- 1 подписчик
- 04 апр.
- 127 просмотров
0

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

Frontend Vue & Capacitor Developer Middle++

Parasol Software

от 2 000 до 2 500 $

Frontend программист-разработчик

Максавит • Нижний Новгород

До 200 000 ₽

PHP-программист (SEO-правки)

Demis Group

от 50 000 ₽

Написать индикатор на TradingView по хаям/лоям дня недели

25 апр. 2024, в 08:45

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

Вычислить размер объекта по карте глубин

25 апр. 2024, в 07:37

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

Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL

25 апр. 2024, в 05:57

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

В том, чтобы не делать адаптив ниже 500px и верстка не ехала
Roweb, просто как по мне лучше делать адаптив и не париться
olya_097, Делать можно по разному, но знать лучше как можно больше
Roweb, ну я просто никогда верстки с использованием min-width не встречала
olya_097, Я редко встречал, поэтому и интересен вопрос
И адаптивность вы на телефонах таким образом не отключите. Вы этим действием только тупо сделаете горизонтальную прокрутку на всём сайте. Ну и, безусловно, никакого у вас «пропорционального сжатия» на мобильных не будет.

Адаптивность зависит от мета-тега, а не от такой штуки, какую вы хотите сделать.
Рустам Байназаров, На мобильном хроме это работает, легко проверить
Roweb, если у вас не стоит meta-тег
<meta name="viewport" content="width=device-width, initial-scale=1">
— то, понятное дело, будет работать, но если он стоит, работать это не будет. У вас будет тупо подстраиваться под это дело.

Если же у вас сайт построен адаптивно, а вы внезапно поставили минимальную ширину, то на разрешениях меньше 500px будет горизонтальный скролл.
Рустам Байназаров, Стоит конечно, только без intial-scale

Answer 1 · 2019-04-19 07:59:33

html и body ограничивать не нужно. Лучше создать "div с классом например: "divchik" и уже этому классу задать минимальную ширину .divchik {min-width:500px} и в него вложить весь контент. А у body b html прописать стили вот так:

html, body {
	margin: 0;
	padding: 0;
}

тогда содержимое .divchik отобразиться как нужно. А лучше использовать bootstrap - если Вам нужно нормально адаптировать сайт под мобильные устройства.

Нормально ли делать так — html{min-width:500px}?

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

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

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