Установите максимальную ширину на минимум 90% и 300 пикселей

Вы можете установить width на 90% и max-width на 300px. В этом случае это будет 300px, если 90% > 300px и 90%, если 90% < 300px (учитывая тот факт, что ваш элемент является блочным, где его ширина по умолчанию должна быть 100%)

.box {
  width:90%;
  max-width:300px;
  height:50px;
  background:red;
}

<div class = "box"></div>

Я считаю, что единственный способ добиться этого - это что-то вроде этого:

@media (max-width: 300px) and (max-width: 90%) {
    .stuff {width: 300px}
}

Таким образом, вы не обойдетесь с помощью медиа-запросов.