【发布时间】:2013-07-26 01:41:27
【问题描述】:
无语义的 css 框架根据视口大小将 Web 布局捕捉到移动和桌面模式。您还可以使用“show-on-desktop”和“show-on-mobile”类大量修改桌面和移动设备上显示的内容,它们完全按照他们所说的那样做。
这是否意味着我可以告别媒体查询?
【问题讨论】:
标签: css media-queries css-frameworks grid-system unsemantic-css
无语义的 css 框架根据视口大小将 Web 布局捕捉到移动和桌面模式。您还可以使用“show-on-desktop”和“show-on-mobile”类大量修改桌面和移动设备上显示的内容,它们完全按照他们所说的那样做。
这是否意味着我可以告别媒体查询?
【问题讨论】:
标签: css media-queries css-frameworks grid-system unsemantic-css
简而言之,是的。
实际上,无语义通过以下两种方式之一抽象出@media 查询的使用:
提供响应式 CSS 版本(unsemantic-grid-responsive.css 或 unsemantic-grid-responsive-tablet.css),根据预定义的断点为您创建这些 @media 查询。
在使用 Adapt.js 确定加载时的视口大小后,在不使用 @media 查询的情况下加载单个 CSS 文件;然后,根据需要在调整视口大小时根据可自定义的断点选择性地加载其他 CSS 文件。
【讨论】: