Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-core/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何防止div超过一定的页面宽度?_Html_Css - Fatal编程技术网

Html 如何防止div超过一定的页面宽度?

Html 如何防止div超过一定的页面宽度?,html,css,Html,Css,假设我的div设置为width:20%,但是在一个非常大的显示器上(比如说,超过1500px),您希望阻止div变大。所以20%的宽度,但一旦达到1500px,它就停止膨胀。我该怎么做?我对响应式设计仍然是新手。设置最大宽度和最小宽度,通过它们可以控制div的大小 您可以将css设置为 div{ width:20%; max-width:1633px; } 最大宽度:1500px您可以限制宽度 #selector { max-

假设我的div设置为
width:20%
,但是在一个非常大的显示器上(比如说,超过1500px),您希望阻止div变大。所以20%的宽度,但一旦达到1500px,它就停止膨胀。我该怎么做?我对响应式设计仍然是新手。

设置
最大宽度
最小宽度
,通过它们可以控制div的大小

您可以将css设置为

    div{
         width:20%;
         max-width:1633px;  
        }

最大宽度:1500px您可以限制宽度

#selector {
  max-width: 300px; 
}

很简单。只需使用最大宽度。

-1。你可以用谷歌搜索它。@bjb568我认为当你不知道该功能存在时,用谷歌搜索是很困难的。毕竟,这可能是某种DHTML的把戏。尽管如此,我还是建议Tom Maxwell访问w3schools.com,通读可用的标记和样式。@DhirajShah W3doubs读起来像是在咆哮,我没有发现任何一个实际“错误”的例子,只有声明是错误的。我来自一个怀疑论者社区,我们有句俗语叫“来源或stfu”。。。这在这里非常适用。@Volodya当涉及到参考资料时,如果你首先想到的是学校,那么我可以理解你来自哪里。有明确的理由说明为什么应该避免学校,但你仍然看不到。真遗憾,伙计。如果你能给自己提供高质量的教育,你会为普通的教育而烦恼吗?无论如何,这不是一个辩论的地方,所以让我们停下来:)@Volodya
div {max-width: 1500px;}