CSS中width和min-width的值相同

Question

我看到這種代碼

 @media only screen and (max-width: 300px) {
    width: 200px;
    min-width: 200px;
  }

而且我無法對此進行推理。 這是錯誤還是正確？ 如果寬度較大，這是有道理的，但在兩個值相同的情況下，我會撓頭思考。

Answer 1

這是一個Media查詢，它為小於300px的屏幕尺寸指定寬度屬性min-width和width。

令人困惑的是，您要應用這些width屬性是哪個CSS（div？）元素？

min-width和width指向相同的值表示當屏幕尺寸低於300px（根據您的媒體查詢）並且寬度可以保持在200px時，寬度（通常是元素）不能低於200px。 您還可以指定最大寬度，該寬度可以等於/大於200像素，但小於300像素。