Как применять ширину, минимальную ширину и максимальную ширину одновременно

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 как px будут иметь влияние, только если ваш width используется с процентами %

(или другой шириной на основе окна, такой как vw).

В вашем случае, я думаю, действительно лучше всего использовать медиазапросы.