如何？ 最小宽度，宽度和最大宽度（css）

Question

我的主要股利设置为

max-width:600px;

但是，当内容不够长时，div将调整为内容的长度。 有道理。

所以我改为声明：

  width:600px;
  max-width:600px;

但是现在，当您调整窗口大小时，div不会缩小。 我尝试设置最小宽度：

  min-width:200px;
  width:600px;
  max-width:600px;

但是它仍然不会通过传递的600px调整大小（在窗口调整大小时）；

那我想念什么呢？ 我可以同时使用所有三种宽度设置吗？ （最小宽度，宽度，最大宽度）？

如果是这样，怎么办？ 我试图理解逻辑。

我希望内容可以延伸到600像素，但也可以在Windows调整大小的同时缩小大小。

Answer 1

只要取出“ width：600px”，如果浏览器窗口足够大，div将为600 px，否则，如果浏览器窗口小于600px，div将向下调整为最小宽度。

Answer 2

您可以使用媒体查询为某些屏幕尺寸应用宽度

.div {
    width: 600px;
}

@media screen and (max-width 600px) {
    .div {
        width: 100%;
    }
}

Answer 3

我想你要

width: 600px;
max-width: 100%;

这样，该元素将尝试具有600px的宽度。 但是，如果父母的宽度不够大，它将减少。

演示版