防止窗口从某个点向下垂直调整大小

时间:2019-02-01 15:11:30

标签: html css bootstrap-4 resize

我正在使用引导程序创建网站。

我想防止窗口从某个点向下一直调整大小。

我目前将其设置为:

html, body{

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

}

似乎对于宽度完美地工作,一旦窗口达到300px的宽度,窗口的宽度将锁定并且无法进一步缩小。

但是由于某种原因,它不能适应高度,无论我设置了什么参数和尺寸,我都可以完全缩放它的高度。

不确定如何解决此问题,以便一旦窗口达到550px的高度,该高度也会锁定并且无法进一步缩小。

任何帮助将不胜感激。谢谢!

2 个答案:

答案 0 :(得分:0)

那不是问题,实际上您所说的是设备宽度而不是文档或窗口宽度,如果您担心响应速度,那么世界上不存在可以更改高度的设备,至少我不知道,< / p>

这应该不成问题,您要缩放浏览器的(设备)高度和宽度,但是实际的窗口大小就像宽度、、、

我的意思是CSS代码工作正常,但你不能发现,

答案 1 :(得分:0)

这是因为max-height会覆盖高度,但是min-height始终会覆盖max-height。因此,您无法按预期方式使用它们。

您需要针对媒体查询:

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