如何防止div增长超过一定的页面宽度？

Question

所以让我们说我的div设置为width:20%，但是在一个非常大的显示器上（比如说，超过1500px），你想要阻止div增长。因此宽度为20％，但一旦达到1500px，它就会停止扩展。我该怎么办呢？我对响应式设计还不熟悉。

Answer 1

设置max-width和min-width，您可以通过它来控制div的大小

你可以设置你的CSS

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

Answer 2

使用max-width: 1500px;，您可以限制宽度。

Answer 3

#selector {
  max-width: 300px; 
}

Answer 4

div {max-width: 1500px;}

非常简单。只需使用max-width。