css - 在移动 View 上删除 .class

Question

基础框架问题:

问题 - 当网站在移动设备或平板设备上显示时，无论如何要删除元素上的 .class 吗？ (即任何低于 768 像素的东西？)

我可以用几行 js 轻松删除它。但是希望我的代码格式正确。因此，如果有一种方法可以在基础框架内做到这一点，我更愿意走那条路。

帮助？我知道这不一定是一个代码问题..但它有点是。希望有人能启发我并指明方向 - 如果有的话。

Answer 1

使用 browserdetect 脚本 (http://www.quirksmode.org/js/detect.html) 找出您使用的版本和浏览器(即移动 safari)，然后使用 jquery 从元素中删除类。

但是，考虑到您提到的类和低于 768px 的事实，我建议您查看 css 的媒体查询:http://css-tricks.com/css-media-queries/

编辑:

将您的逻辑反过来并使用:

@media screen and (min-width: 768px) {
  .class {
    background: #ccc;
  }
}