檢查網頁是否在平板電腦上運行

Question

對於我的Asp.Mvc 5項目，我有一個水平菜單，如;首頁，產品，約等 該菜單，我已經使用了一些CSS樣式，使其坍縮成一個下拉菜單，如果頁面尺寸是越來越縮小，或者分辨率低：

@media screen and (max-width: 767px) { 
    .headerNavigation{ 
    .... 
    ... 
    } 
} 

這在筆記本電腦和個人電腦上運行良好如果瀏覽器的寬度低於767px，它會改爲使用drobdown。這是因爲它不會將最後的<li>放在第一個<li>以下。

事情是，它不適用於平板電腦，因爲分辨率通常很高。但最後的<li>仍然會移動到第一個以下，因爲屏幕尺寸較小。

所以我的問題是：有沒有辦法檢查，如果您的Mvc5網頁在平板電腦上運行？還是有更好的方法來處理這樣的事情？

Answer 1

片傾向於規模的網頁，與肖像試試看：

@media only screen and (orientation:portrait) { .headerNavigation{ ... } }

假設菜單應顯示爲正常的景觀時。

Answer 2

也許你應該考慮響應能力？

如果您希望網頁顯示在PC /平板電腦/智能手機等許多設備上，它比簡單的@media語句更好。

到這裏看看：https://www.google.com/search?q=css+responsive+tutorial

Answer 3

你不應該試圖「檢測」平板電腦。你的網應該像河流一樣流動，它在山上渺小，而在到達大海時變得巨大：你一直得到水。

智能手機越來越大，也許在不久的將來智能手機將進入你的「平板電腦」mediaquery。

您的網站應該看起來不錯。

無論如何，如果要檢測你的設備，你可以用PHP腳本，服務器端像PHP Mobile Detect

我不是一個程序員，但在這裏，我的開發人員在辦公室告訴我，你可以存檔與.NET相同。