好的,我得到了一些关于移动检测的好建议,但主题平板电脑仍然存在问题,因为平板电脑视图的图标会比移动设备大。我使用 jQueryMobile 作为框架,它确实检测到了 iPad(而且我确信其他平板电脑也在路上),但我如何检测它是平板电脑还是移动设备?我会选择屏幕尺寸吗?
如果是这种情况,那么移动设备的最大屏幕尺寸或平板电脑的最小屏幕是多少?
有没有更好的办法?
好的,我得到了一些关于移动检测的好建议,但主题平板电脑仍然存在问题,因为平板电脑视图的图标会比移动设备大。我使用 jQueryMobile 作为框架,它确实检测到了 iPad(而且我确信其他平板电脑也在路上),但我如何检测它是平板电脑还是移动设备?我会选择屏幕尺寸吗?
如果是这种情况,那么移动设备的最大屏幕尺寸或平板电脑的最小屏幕是多少?
有没有更好的办法?
jQuery Mobile 将类添加到 body 标记中,允许您为所有设备创建单个 CSS。
见这里:http: //jquerymobile.com/demos/1.0a3/#docs/api/mediahelpers.html
更新
从 beta2 开始,助手将被弃用并设置为删除。无论如何,您应该看看media queries
哪些用于将这些类放在那里。
您是否考虑过像wurfl、tera-wurfl或专有的deviceAtlas这样的设备检测库?
我建议使用媒体查询并针对不同的 CSS 样式表。
您是否考虑过服务器端检测的好处?OpenDDR 提供 .NET 和 Java 库,在 LGPL 下获得许可。
我们开始使用 FormfactorJS 等 Formfactor 检测库进行开发——注意,我创建了这个。
使用相同语义 HTML 的理论,您可以将 CSS 和 Javascript 专门用于给定类别的设备(智能手机、平板电脑、台式机等),同时也认识到使用媒体查询对单个设备配置文件的响应式设计。