CSS Media Query来区分平板电脑和上网本

Question

我遇到了一些CSS的问题，我试图在平板电脑上查看时隐藏div。平板电脑的CSS媒体查询可用于处理此任务，但不幸的是，它还会捕获一些非平板电脑的设备，例如上网本。我试图实现一个单独的媒体查询上网本，但所有最终发生的是上网本媒体查询结合平板媒体查询和div仍然隐藏。

我使用捕捉的“上网本”的查询是

@media only screen 
and (min-width : 900px) 
and (max-width : 1160px) { 

而且我用抓片查询是

@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

我得到的决议重叠，但还有其他一些查询可以用来区分两者吗？

是的，JS很好（有一个很好的隧道视觉案例，并且在我面前错过了：D），而且这个链接几乎照顾了它。谢谢！

Answer 1

Matt的评论回答了我这个问题。