5

好的,我得到了一些关于移动检测的好建议,但主题平板电脑仍然存在问题,因为平板电脑视图的图标会比移动设备大。我使用 jQueryMobile 作为框架,它确实检测到了 iPad(而且我确信其他平板电脑也在路上),但我如何检测它是平板电脑还是移动设备?我会选择屏幕尺寸吗?

如果是这种情况,那么移动设备的最大屏幕尺寸或平板电脑的最小屏幕是多少?

有没有更好的办法?

4

5 回答 5

2

jQuery Mobile 将类添加到 body 标记中,允许您为所有设备创建单个 CSS。

见这里:http: //jquerymobile.com/demos/1.0a3/#docs/api/mediahelpers.html

更新

从 beta2 开始,助手将被弃用并设置为删除。无论如何,您应该看看media queries哪些用于将这些类放在那里。

于 2011-03-01T11:16:13.390 回答
1

您是否考虑过像wurfltera-wurfl或专有的deviceAtlas这样的设备检测库?

于 2011-06-03T02:05:41.957 回答
1

我建议使用媒体查询并针对不同的 CSS 样式表。

于 2011-02-28T16:11:04.603 回答
1

您是否考虑过服务器端检测的好处?OpenDDR 提供 .NET 和 Java 库,在 LGPL 下获得许可。

你可以看看http://www.openddr.org

于 2012-07-03T09:37:30.620 回答
0

我们开始使用 FormfactorJS 等 Formfactor 检测库进行开发——注意,我创建了这个。

使用相同语义 HTML 的理论,您可以将 CSS 和 Javascript 专门用于给定类别的设备(智能手机、平板电脑、台式机等),同时也认识到使用媒体查询对单个设备配置文件的响应式设计。

于 2011-05-16T05:07:58.783 回答