如何？ 最小寬度，寬度和最大寬度（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的寬度。 但是，如果父母的寬度不夠大，它將減少。

演示版