我正在寻找检测平板电脑的完美方法.使用媒体查询,您可以为特定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?).
原文地址:https://www.jb51.cc/html/227454.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。