HTML – 检测平板电脑的最佳方法是什么?
发布时间:2020-12-14 16:33:47 所属栏目:资源 来源:网络整理
导读:我正在寻找检测平板电脑的完美方法.使用媒体查询,您可以为特定CSS设置最小和最大宽度.但有些平板电脑的分辨率高于soms桌面显示器.这样会产生冲突. 使用Javascript(Modernizr,Detectivizr)可识别平板电脑,并在HTML标签上使用“平板电脑”类设置此平板电脑.但
我正在寻找检测平板电脑的完美方法.使用媒体查询,您可以为特定CSS设置最小和最大宽度.但有些平板电脑的分辨率高于soms桌面显示器.这样会产生冲突.
使用Javascript(Modernizr,Detectivizr)可识别平板电脑,并在HTML标签上使用“平板电脑”类设置此平板电脑.但是……并非所有用户都启用了Javascript. 所以你想要的是(在我看来)使用CSS来检测平板电脑.有谁知道这个的完美解决方案? Thanx提前! 解决方法
您可以使用CSS媒体查询获得合理的准确度:
@media only screen and (max-device-height : 768px) and (max-device-width : 1024px) { /* CSS Styles go here..... */ } 以上应检测设备屏幕大小何时小于1024×768(桌面的常见屏幕大小). 如上所述,如果您只是使用CSS,那么它并不完美,因为某些平板电脑的屏幕尺寸大于1024×768. 我知道提高准确性的唯一方法是使用javascript来嗅探userAgent字符串.请参阅GeenHenk链接到的问题(What is the best way to detect a mobile device in jQuery?). (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |