css - 媒体查询替代代码区域?

标签 css media-queries

我认为将没有宽度/高度/.. 依赖项的默认 css 放在像这样的媒体查询中是个不错的主意:

@media only all and (min-width: 0px){ ... }

我是否遗漏了任何可能的缺点?

最佳答案

老实说,它的可读性并不好。如果我在 CSS 文件中看到它,我会认为这是一些奇怪的 CSS hack。

另一个缺点是您添加了不必要的媒体查询。通过媒体查询设置所有默认属性可以让 CSS 编译器做更多的工作。

最后是支持。并非所有浏览器都支持媒体查询,尤其是当您在企业工作或与使用非常旧的浏览器的客户打交道时。如果您通过媒体查询设置了所有默认值,那么如果这些查询失败,您将无法轻松回退。

关于css - 媒体查询替代代码区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29786012/

相关文章:

html - 仅使用打印媒体查询将 div 放在最后一页

css - 关于屏幕尺寸而不是分辨率的媒体查询

html - 带有背景图片的 Div 不随媒体查询缩放

html - 实际网页在 IE 浏览器上看起来不错,但在在线渲染工具上却不行。我在这里错过了什么?

javascript - 如何将我的默认滚动条更改为自定义对象标签?

html - 媒体查询覆盖桌面样式

ios - iOS 设备的 CSS 媒体查询问题

html - "[class=' something' ]"vs ' .something' 之间的区别

javascript - 如何检测字符是用英语还是越南语或缅甸语写的

jquery - 在进行后台进程时禁用网页