我试图阻止页面上的所有内容在页面宽度低于 1350 像素时移动和调整大小。最小宽度对此不起作用,我不知道为什么..那我该怎么办?
顺便说一句,在我的 css 代码中,对于 width, height, transformation: transform
,我使用的是 vmax
值,而不是 px
或 %
。所以 min-width
可能不适用于它,我所有的元素都在不断调整大小,因为它们使用的是 vmax
,所以它们也只是根据窗口大小调整大小..:(
我也试过了,还是不行:(
body {
min-width: 1350px;
}
(当我的浏览器宽度低于 1350px 时,我试图停止优先调整三个白色矩形的大小,但是如果我们可以告诉页面在她低于 1350px 时停止调整所有内容的大小,并且只用一个滚动条来移动页面上的元素,会很酷!)
参见 this page例如,当她小于某个 px 时,页面停止调整大小并出现滚动条,我想要相同的结果但我不知道该怎么做 ...
最佳答案
您正在使用相对于视口(viewport)的 css 尺寸。 vmax vmin, vh, vw are relative到视口(viewport),从而对窗口大小的调整使用react。如果你想要固定尺寸,你应该使用 em
或 rem
编辑:如果你想防止白框调整大小,你可以添加一个 min-width: 450px
这样它们可以增长但不会缩小超过一个点
关于javascript - 防止我调整页面的所有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52928275/