如何同时应用宽度，最小宽度和最大宽度

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 ）。

对于您的情况，我认为确实最好的方法是使用媒体查询。