css - 无语义框架是否消除了对媒体查询的需求？

Question

无语义的 css 框架根据视口大小将 Web 布局捕捉到移动和桌面模式。您还可以使用“show-on-desktop”和“show-on-mobile”类对桌面和移动设备上显示的内容进行大量修改，它们完全按照他们所说的进行。

这是否意味着我可以告别媒体查询？

http://unsemantic.com/

Answer 1

简而言之，是的。

实际上，Unsemantic通过以下两种方式之一抽象出 @media 查询的使用：

1. 提供响应式 CSS 版本（unsemantic-grid-responsive.css 或 unsemantic-grid-responsive-tablet.css），根据预定义的断点为您创建这些 @media 查询。

2. 在使用Adapt.js确定加载时的视口大小后，在没有 @media 查询的情况下加载单个 CSS 文件；然后，根据需要在调整视口大小时根据可自定义的断点选择性地加载其他 CSS 文件。

来源：http ://unsemantic.com/css-documentation