html - 如何让我的网站在某个点后停止调整

Question

我希望我的网站在用户将其最小化到某个点后停止调整大小(停止响应并锁定在所需的大小)假设以像素为单位的 10 英寸屏幕，当您从左向右滚动时它在该点之后没有响应。

我试过了

body {
    min-height:30%;
    min-width:30%;
}

但什么也没有发生。

Answer 1

percentage

The percentage CSS data type represents a percentage value. It is often used to define a size as relative to an element's parent object. Numerous properties can use percentages, such as width, height, margin, padding, and font-size.

使用 min-height:30vh 而不是 min-height:30% 同样适用于 min-width:30vw for 最小宽度:30%。但是如果你想使用 % 你必须设置父元素的 width 和 height

:root{width: 100vw; height: 100vh}

或

html{width: 100vw; height: 100vh}