Предотвращение изменения размера окна по вертикали от определенной точки и вниз

Question

Я создаю сайт с помощью начальной загрузки.

Я бы хотел предотвратить изменение размера окна с определенной точки и вниз.

В настоящее время он установлен на:

html, body{

 min-width: 300px;
 max-width: 3000px;
 min-height: 550px;
 max-height: 1500px;

}

, кажется, прекрасно работает для ширины, как только окно достигает 300 пикселей в ширину, ширина окна блокируется и не может быть уменьшена.в дальнейшем.

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

Не уверен, как обойти это, чтобы, как только окно достигло 550px высоты, высота также блокировалась и не могла быть уменьшена в дальнейшем.

Любая помощь будет принята с благодарностью.Спасибо!

Answer 1

Это потому, что максимальная высота переопределяет высоту, но минимальная высота всегда переопределяет максимальную высоту.Таким образом, вы не можете использовать их так, как вы намерены.

Вам необходимо настроить таргетинг на медиазапросы:

body { height:550px }
@media (min-height: 550px) { body {height: 100vh }}
@media (min-height: 1500px) { body { height: 1500px }}

Answer 2

это не проблема, на самом деле то, что вы говорите, это ширина устройства, а не ширина документа или окна, если вы беспокоитесь об отзывчивости, в мире не существует устройства, высота которого может быть изменена, по крайней мере, я не знаю,

это не должно быть проблемой, вы масштабируете высоту и ширину браузера (устройства), но фактический размер окна работает так же, как ширина, ,,

я имею в виду, что код CSSработает нормально, но вы не можете этого заметить,