使用最小宽度媒体查询
这是因为对媒体查询的评估是从最小限度地限制到最限制的。在提供的示例中:当屏幕宽度为600px或更高时,两个媒体查询都是正确的。但是,第二个规则发生在级联的后期,因此需要较小的1.7em字体大小。
@仅媒体屏幕和(最小宽度:320px){ H2 {字体:正常1.7EM/2.1EM Helvetica,sans-serif; } } @Media仅屏幕和(最小宽度:600px){ h2 {font-size:2.2em; } }
这可以确保当屏幕宽度至少为600px时应用较大的字体大小。这将为您带来您期望的级联特异性,而更高的最小宽度优先。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3