针对不同的屏幕尺寸，显示不同的页面样式，自适应页面的设计免不了使用@media。如果你遇到了 @media 设置无效或多种尺寸样式只有一种生效时，有可能是 @media 的顺序放错了。
- min-width 表示最小，即 ≥
- max-width 表示最大，即 ≤
CSS样式与DOM/JS一样，从前往后加载，后面的代码覆盖前面的代码。当 min-width 和 max-width 混用时，一定要注意前后顺序。
针对不同的屏幕尺寸，显示不同的页面样式，自适应页面的设计免不了使用@media。如果你遇到了 @media 设置无效或多种尺寸样式只有一种生效时，有可能是 @media 的顺序放错了。
CSS样式与DOM/JS一样，从前往后加载，后面的代码覆盖前面的代码。当 min-width 和 max-width 混用时，一定要注意前后顺序。
暂无评论
要发表评论，您必须先 登录