如何同時應用寬度，最小寬度和最大寬度

Question

我有一個div，並且為div的寬度指定了3個值。 div的正常寬度為120px，div的最小寬度為90px，div的最大寬度為150px。 我猜我被要求根據屏幕的寬度應用這些值。 我想知道如何為此編寫CSS？

我試過下面的代碼，但看來我的div始終為120px。

  .myDiv {
      width: 120px;
      max-width: 150px;
      min-width: 90px;
  }

我應該使用媒體查詢嗎？

Answer 1

僅當您的width與百分比%使用時， Max-width和min-width以px才會產生影響

（或其他基於窗口的寬度，如vw ）。

對於您的情況，我認為確實最好的方法是使用媒體查詢。