在移动视图中删除.class

Question

基金会框架问：

问题 - 当移动设备或平板电脑设备上显示网站时，无论如何要移除元素上的.class？ （即任何低于768px的东西？）

我可以用几行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;
  }
}