CSS @media min-width max-width 不生效

编辑于:2022年11月28日

针对不同的屏幕尺寸,显示不同的页面样式,自适应页面的设计免不了使用@media。如果你遇到了 @media 设置无效或多种尺寸样式只有一种生效时,有可能是 @media 的顺序放错了。

  • min-width 表示最小,即 ≥
  • max-width 表示最大,即 ≤

CSS样式DOM/JS一样,从前往后加载,后面的代码覆盖前面的代码。当 min-width 和 max-width 混用时,一定要注意前后顺序。

相关推荐

去掉 html 无序列表 ul li 前面的圆点

去掉 html 无序列表 ul li 前面的圆点

无序列表使用 ul li 标签时,每一行内容前都会有个实心圆点,使得展示效果比较显著整齐,但我现在更喜欢使用 Emoji 比如⭕和🚩代替圆点。那么如何去掉默认的实心圆点呢? 方法 只需要在 CSS 样式添加 li{list-style: ...

暂无评论