min-width:768px 指最小屏幕宽度768px时,也就是>=768
max-width:768px 屏幕上限为768,也就是<=768
当有两个media时,那768像素归谁呢,谁后设置就归谁,图片中就是大于768时,显示为红色,小于等于768时显示为蓝色。
如何更好的读懂后面的条件:在条件前面加个“最”字:例如第一个就是最小屏幕宽度为768时显示为红色,最大屏幕宽度为768时显示为蓝色。
多个条件的时候:逻辑与用and 逻辑或用,隔开(与程序语言区分)
min-width:768px 指最小屏幕宽度768px时,也就是>=768
max-width:768px 屏幕上限为768,也就是<=768
当有两个media时,那768像素归谁呢,谁后设置就归谁,图片中就是大于768时,显示为红色,小于等于768时显示为蓝色。
如何更好的读懂后面的条件:在条件前面加个“最”字:例如第一个就是最小屏幕宽度为768时显示为红色,最大屏幕宽度为768时显示为蓝色。
多个条件的时候:逻辑与用and 逻辑或用,隔开(与程序语言区分)