一种仅在非移动设备上使用 CSS 类的方法 [重复]

Posted 2023-03-06

【中文标题】一种仅在非移动设备上使用 CSS 类的方法 [重复]

【英文标题】：A way to only use a CSS class on non mobile devices [duplicate]

【发布时间】：2016-04-30 11:21:44

【问题描述】：

所以，我需要一种方法来让 CSS 类仅由桌面（普通屏幕）使用。 例如：

.class 
  position: fixed;

仅用于台式机。

【问题讨论】：

检查这个条目***.com/questions/6666907/…你可以在答案中找到方法

【参考方案1】：

虽然它不是特定于桌面的，但您可以根据屏幕大小将其限制在屏幕上，并在其周围设置媒体规则，如下所示：

@media screen and (min-width: 640px) 
    .class 
        position: fixed;
    

这将限制您的规则仅适用于显示器宽度至少为 640 像素、比智能手机大（无论如何今天）的情况。

【讨论】：

这也适用于 js。 var screenWidth = $( 窗口 ).width(); if ( screenWidth