停止在一定宽度响应

Question

我知道这个问题听起来很疯狂，但我会解释一下。

我有一个响应式网站，一切正常，但是当宽度太低（宽度<500px）时，网站（仍然响应）开始重新排列，我宁愿不再回应了。

我想知道是否有脚本或任何可以解决此问题的内容。
请提供任何有用的帮助：）

Answer 1

您可以将css置于媒体查询中，以便仅在特定条件下应用。例如。

@media only screen and (max-width: 500px) {
body {
        background-color: lightblue;
    }
}

Answer 2

在html / body上设置最小宽度

html, body {
min-width: 500px;
}

使元素响应通常是通过将宽度设置为父元素的百分比来完成的。上面的内容很容易解决，但是有可能使用媒体查询来设置样式。