css - 如何同时应用width、min-width和max-width

Question

我有一个 div，我得到了 3 个 div 宽度值。 div的正常宽度为120px，div的最小宽度为90px，div的最大宽度为150px。我想我被要求根据屏幕的宽度应用这些值。我想知道如何为此编写css？

我试过下面的代码，但我的 div 似乎总是 120px。

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

我应该使用媒体查询吗？

Answer 1

Max-width 和 min-width as px 只会在您的 width 被使用时产生影响百分比 %

(或其他基于窗口的宽度，如 vw)。

在您的情况下，我认为确实最好的办法是使用媒体查询。