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

Question

[Roweb]

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

Comments

[olya_097]

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

[Roweb]

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

[olya_097]

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

[Roweb]

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

[olya_097]

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

[Roweb]

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

[Rustam Bainazarov]

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

[Rustam Bainazarov]

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

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

[Roweb]

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

[Rustam Bainazarov]

Roweb, если у вас не стоит meta-тег

<meta name="viewport" content="width=device-width, initial-scale=1">

— то, понятное дело, будет работать, но если он стоит, работать это не будет. У вас будет тупо подстраиваться под это дело.

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

[Roweb]

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

Answer 1

[UncleMisha]

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

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

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