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

Posted 2023-03-21

技术标签:

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

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

【问题讨论】：

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