非语义css框架根据视口大小将Web布局捕捉到移动和桌面模式。您还可以使用“桌上show”和“show-on-mobile”类严格修改桌面与移动设备上显示的内容,这些内容完全按照他们的说法进行操作。
这是否意味着我可以告别媒体查询?
答案 0 :(得分:0)
简而言之,是的。
实际上, Unsemantic 以两种方式之一抽象使用@media查询:
提供响应式CSS版本(unsemantic-grid-responsive.css或unsemantic-grid-responsive-tablet.css),根据预定义的断点为您创建这些@media查询。
使用 Adapt.js 确定加载时的视口大小后,加载没有@media查询的单个CSS文件;然后,在调整视口大小时,根据可自定义的断点,根据需要选择加载其他CSS文件。