javascript - 防止我调整页面的所有内容

标签 javascript html css

我试图阻止页面上的所有内容在页面宽度低于 1350 像素时移动和调整大小。最小宽度对此不起作用,我不知道为什么..那我该怎么办?

顺便说一句,在我的 css 代码中,对于 width, height, transformation: transform,我使用的是 vmax 值,而不是 px%。所以 min-width 可能不适用于它,我所有的元素都在不断调整大小,因为它们使用的是 vmax,所以它们也只是根据窗口大小调整大小..:(

我也试过了,还是不行:(

body {
    min-width: 1350px; 
}

The code + preview

(当我的浏览器宽度低于 1350px 时,我试图停止优先调整三个白色矩形的大小,但是如果我们可以告诉页面在她低于 1350px 时停止调整所有内容的大小,并且只用一个滚动条来移动页面上的元素,会很酷!)

参见 this page例如,当她小于某个 px 时,页面停止调整大小并出现滚动条,我想要相同的结果但我不知道该怎么做 ...

最佳答案

您正在使用相对于视口(viewport)的 css 尺寸。 vmax vmin, vh, vw are relative到视口(viewport),从而对窗口大小的调整使用react。如果你想要固定尺寸,你应该使用 emrem

编辑:如果你想防止白框调整大小,你可以添加一个 min-width: 450px 这样它们可以增长但不会缩小超过一个点

关于javascript - 防止我调整页面的所有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52928275/

相关文章:

javascript - 如何在video.js 4.2.1中添加视频文件?

javascript - Object.height 返回半高

php - MySQL 字符串中的链接似乎不起作用

css - 具有 % 宽度的响应式元素列表

php - 在 Pre 标记中转义 HTML 字符

javascript - 使用 Java 脚本执行 .bat 文件

c# - 如何在 jquery 自动完成中传递文本框值

html - 带有绝对/固定子项的父容器的自动高度

css - overflow-hidden-parent 中的中心图像

javascript - 你能根据最小宽度将网站缩放 +200% 吗?