hooyantsing's Blog

P244_6_AND条件判断响应式使用

字数统计: 82阅读时长: 1 min
2020/04/25

P244 6 AND条件判断响应式使用

and

逻辑与。

如果有多个条件,用and连接。

min-width max-width

外部用括号包裹。

min-width:大于这个值的屏幕宽度有效。

max-width:小于这个值的屏幕宽度有效。

051e372f433e6189d4011240227b7ff9.png

1
<style media="screen and (min-width:768px) and (max-width:1000px)">
CATALOG