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 逻辑或用，隔开（与程序语言区分）
本文标题：响应式布局——media对于屏幕大小条件判断的含义
本文链接：https://www.haomeiwen.com/subject/tvxklktx.html
网友评论