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的評論回答了我這個問題。