好的，我得到了一些关于移动设备检测的好建议，但仍然存在一个问题，即在主题化平板电脑上，图标将比移动设备视图大。 我正在使用jQueryMobile作为框架，它确实检测到了iPad（我确定其他平板电脑也会出现），但是如何检测它是平板电脑还是移动设备？ 我应该只选屏幕大小吗？
如果是这种情况，那么移动设备最大屏幕尺寸是多少或平板电脑最小屏幕尺寸是多少？
有更好的方法吗？
5个回答
2
jQuery Mobile为body标签添加了类，使得你可以创建适用于所有设备的单一CSS样式表。
请参考这里：http://jquerymobile.com/demos/1.0a3/#docs/api/mediahelpers.html 更新：
从beta2开始，helpers将被弃用并准备删除。您应该查看使用它们的
请参考这里：http://jquerymobile.com/demos/1.0a3/#docs/api/mediahelpers.html 更新：
从beta2开始，helpers将被弃用并准备删除。您应该查看使用它们的
媒体查询。- naugtur
1
你是否考虑过使用设备检测库，例如wurfl、tera-wurfl或专有的deviceAtlas？
- Timo
2
是的，我已经看过它们了，谢谢。我确实在未来的项目中看到了它们的必要性 +1 - Phill Pafford
注意许可证！我们决定不使用wurfl java api，因为它带有AGPL许可证。 - Timo
1
我建议使用媒体查询并针对不同的CSS样式表进行定位。
- Ian Devlin
2
是的，我明白我需要为每个设备组使用不同的CSS样式表，但我想知道如何确定设备？ - Phill Pafford
1据我所知，你无法针对每个设备单独进行定位，但可以使用媒体查询（http://css-tricks.com/css-media-queries/）来针对不同的屏幕尺寸进行定位，这应该会有所帮助吧？ - Ian Devlin
1
您是否考虑过服务器端检测的好处？OpenDDR提供了基于LGPL许可的.NET和Java库。
您可以查看http://www.openddr.org。
- OpenDDR Dev Team
1
请在提供 PHP 或 Python 版本时告知我。 - Phill Pafford
0
我们开始使用Formfactor检测库进行开发，例如FormfactorJS - 注意，这是我创建的。
理论上，使用相同的语义化HTML，您可以专门为给定设备类别（智能手机、平板电脑、台式机等）使用CSS和Javascript，同时还要意识到使用媒体查询对个别设备配置文件进行响应式设计。
- Kinlan
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接