在移动设备上禁用所有 CSS [重复]答案

【问题标题】：Disable ALL CSS on mobile [duplicate]在移动设备上禁用所有 CSS [重复]
【发布时间】：2016-02-02 09:32:28
【问题描述】：

您好，我想知道如何在 HTML 或 CSS 中禁用整个 CSS3 样式表。我的 css 几乎都是动画，所以我只想知道如何禁用整个东西

【问题讨论】：

在媒体查询中粘贴css，例如@media only screen and (max-device-width: 480px) { ..css..}
您如何确定用户是否在移动设备上？平板电脑呢？如果您乐于选择任意大小，那么您可以将其包裹在 media-query 中，否则您将不得不进行一些肮脏的浏览器嗅探。
我不得不将最大值切换为最小值，但它仍然有效。感谢您帮助@moob 没有看到您。我只希望它在手机上。我想让平板电脑看到它。

标签： html css

【解决方案1】：

如果您不介意使用 Modernizr 之类的 JS 库，您可以执行以下操作：

if ( Modernizr.touch ) {
    // if mobile device disable stylesheets
    for ( i=0; i<document.styleSheets.length; i++) {
        void(document.styleSheets.item(i).disabled=true);
    }
}

我认为你不能 100% 确定它是否是移动设备

【讨论】：

这是一个不允许 JS 的社交网站，所以我试图纯粹在 css 中工作
那么我想你最好的选择是在服务器端做它..