基本上我想要做的是有3個CSS樣式表的桌面,手機和平板電腦。 只要我知道它是一款平板電腦,我就不在乎它是ipad還是三星galaxy選項卡,所以我只是將平板電腦css應用到它。與iPhone或Nexus一樣,我也不在乎。基本上我只關心維度。如果JQuery Mobile能夠做到這一點,那將會很好。如何使用CSS或JavaScript檢測移動設備和平板電腦,而不考慮品牌?
我知道有很多用於檢測iphone,ipad等的代碼,希望我的帖子仍然有意義。
謝謝。
基本上我想要做的是有3個CSS樣式表的桌面,手機和平板電腦。 只要我知道它是一款平板電腦,我就不在乎它是ipad還是三星galaxy選項卡,所以我只是將平板電腦css應用到它。與iPhone或Nexus一樣,我也不在乎。基本上我只關心維度。如果JQuery Mobile能夠做到這一點,那將會很好。如何使用CSS或JavaScript檢測移動設備和平板電腦,而不考慮品牌?
我知道有很多用於檢測iphone,ipad等的代碼,希望我的帖子仍然有意義。
謝謝。
聽起來像使用CSS media queries創建一個responsive design可能是你需要的。
您可以在SmashingMagazine檢查偉大的文章有關media queries and browser detection
如果你挖有一些,你會發現更多有用的信息。
你可以看看https://stackoverflow.com/a/10364620/450399
他用CSS來檢查屏幕尺寸,並設置一個HTML元素並引用CSS的JavaScript,以確定它是否是一個「手機/平板電腦」設備。
你也可以看看Twitter Bootstrap :)這真的很神奇!
經過2年多,你可以告訴我們,如果有人在這裏提供你一個可以接受的答案? –