在mobile-first css中使用@media查询定位桌面设备

时间:2017-04-02 06:49:47

标签: css media-queries

我正在采用移动优先方法,但现在我只需要将桌面浏览器定位为以Chrome格式设置滚动条的样式。

  • @media (min-width: X)不是我想要的,我真的想要定位设备
  • @media not handheld不起作用,因为iOS和Android认为它们不是掌上电脑

我知道@media only screen应该定位移动设备,但相反的是什么?我最接近的是@media not only screen,但这不起作用。

编辑:澄清。对于移动优先,我的意思是我不想为所有设备设置滚动条的样式,然后为移动设备制作例外。我反过来想要它:移动应该是默认的,桌面是例外

编辑2:更多澄清。由于断点大小,我不打算定位桌面,我想定位功能和/或行为。例如,在移动设备上使用:hover选择器是不好的,因为触摸屏没有鼠标,但是当你点击一个元素时它们会激活那个选择器,然后在你点击其他东西之前永远不要去激活它。他们将其视为:焦点。所以我不想声明除了 for desktop(再次,桌面应该是这里的例外,而不是相反)。

0 个答案:

没有答案