如何使用CSS或JavaScript检测手机和平板电脑而不管品牌?

时间:2011-09-16 12:57:26

标签: jquery iphone html5 mobile css3

基本上我要做的是为桌面设备,移动设备和平板电脑提供3 css样式表。 而且我不在乎它是ipad还是三星galaxy tab,只要我知道它是一个平板电脑,所以我只是应用平板电脑css。和iphone或Nexus一样,我也不在乎。我基本上只关心维度。如果JQuery Mobile可以做到这一点,那将是件好事。

我知道有很多用于检测iphone,ipad等的代码,希望我的帖子仍然有意义。

感谢。

4 个答案:

答案 0 :(得分:1)

使用CSS media queries创建responsive design的声音可能就是您所需要的。

答案 1 :(得分:0)

您可以查看SmashingMagazine关于media queries and browser detection

的精彩文章

如果你再挖掘一些,你会发现更多有用的信息。

答案 2 :(得分:0)

您可以查看https://stackoverflow.com/a/10364620/450399

他使用css检查屏幕大小并设置HTML元素并在javascript中引用css以确定它是否是“移动/平板电脑”设备。

您还可以查看Twitter Bootstrap :)这真是太神奇了!

答案 3 :(得分:0)

我个人使用device.jsmobile-detect.js