上面那段,是在最大宽度320px以内的屏幕生效css。
下面那段,是在最小宽度320px以上屏幕才生效。
浏览器中就是这么设定的,没有“为什么”的。真要钻牛角尖,那么“为什么在css中设置不同的样式,页面上就会呈现不同的样式?”,这个问题回答了,那么你的问题就是同样的答案。就好比问“为什么犯了罪就要去坐牢”一样,因为法律就是这么规定的呗,如果再追问“为什么这么规定”,那就没意思了吧?上面那段,是在最大宽度320px以内的屏幕生效css。
下面那段,是在最小宽度320px以上屏幕才生效。
浏览器中就是这么设定的,没有“为什么”的。真要钻牛角尖,那么“为什么在css中设置不同的样式,页面上就会呈现不同的样式?”,这个问题回答了,那么你的问题就是同样的答案。就好比问“为什么犯了罪就要去坐牢”一样,因为法律就是这么规定的呗,如果再追问“为什么这么规定”,那就没意思了吧?