0
非语义CSS框架根据视口大小将网页布局捕捉到移动和桌面模式。您还可以使用“show-on-desktop”和“show-on-mobile”课程大幅修改桌面和移动设备上出现的内容,而这些类完全按照他们的说法进行操作。非语义框架是否消除了对媒体查询的需求?
这是否意味着我可以告别媒体查询?
非语义CSS框架根据视口大小将网页布局捕捉到移动和桌面模式。您还可以使用“show-on-desktop”和“show-on-mobile”课程大幅修改桌面和移动设备上出现的内容,而这些类完全按照他们的说法进行操作。非语义框架是否消除了对媒体查询的需求?
这是否意味着我可以告别媒体查询?
总之,是的。
实际上,Unsemantic抽象了两种方式中的一种使用@media查询:
提供响应CSS版本(unsemantic并网responsive.css或unsemantic并网responsive- tablet.css),根据预定义的断点为您创建这些@media查询。
在使用Adapt.js确定加载时的视口大小后,加载不带@media查询的单个CSS文件;然后,在调整视口大小时根据可定制的断点选择性地加载额外的CSS文件。