仅为移动设备应用 css 样式

Question

我有一个 Web 应用程序，我只希望移动设备从正文元素中删除滚动条。

我试过

@media only screen and (max-width: 500px) {
    body {
      overflow-y: hidden;
    }
}

但没有任何反应，css 属性未应用；

如何设置只在手机上隐藏滚动条？

Answer 1

我猜您需要添加更多详细信息，因为它按预期工作（调整浏览器大小以查看或检查 this jsfiddle）：

body {
  height: 2000px;
}

@media only screen and (max-width: 500px) {
  body {
    background-color: red;
    overflow-y: hidden;
  }
}

Apply css style only for mobile devices