【问题标题】:A way to only use a CSS class on non mobile devices [duplicate]一种仅在非移动设备上使用 CSS 类的方法 [重复]
【发布时间】:2016-04-30 11:21:44
【问题描述】:

所以,我需要一种方法来让 CSS 类仅由桌面(普通屏幕)使用。 例如:

.class {
  position: fixed;
}

仅用于台式机。

【问题讨论】:

标签: html css


【解决方案1】:

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

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

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

【讨论】:

  • 这也适用于 js。 var screenWidth = $( 窗口 ).width(); if ( screenWidth
猜你喜欢
  • 2016-02-02
  • 1970-01-01
  • 2018-11-30
  • 2018-03-14
  • 1970-01-01
  • 1970-01-01
  • 2012-04-23
  • 2018-07-11
  • 1970-01-01
相关资源
最近更新 更多