非语义框架是否消除了对媒体查询的需求?

时间:2013-07-25 23:08:54

标签: css media-queries css-frameworks grid-system unsemantic-css

非语义css框架根据视口大小将Web布局捕捉到移动和桌面模式。您还可以使用“桌上show”和“show-on-mobile”类严格修改桌面与移动设备上显示的内容,这些内容完全按照他们的说法进行操作。

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

http://unsemantic.com/

1 个答案:

答案 0 :(得分:0)

简而言之,是的。

实际上, Unsemantic 以两种方式之一抽象使用@media查询:

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

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

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