css - 在移动视图上删除 .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;
  }
}