0

显然有很多常见的断点与媒体查询屏幕尺寸来检测/开发用于移动设备和平板电脑，以及使用像素比媒体查询检测视网膜显示器的方法，但我该如何区分旧的ipad 或其他没有 Retina 显示屏的平板电脑和具有大致相同分辨率的笔记本电脑或更小的台式机屏幕？

我正在使用的界面需要根据用户是鼠标还是触摸屏进行更改，并且水平方向的较旧 ipad 之类的东西很容易与较旧的笔记本电脑或台式机显示器混淆。

那么区分移动平板电脑和具有相似分辨率的旧笔记本电脑或台式机的最佳方法是什么？

4

2 回答 2

1

您能否使用modernizr 库（http://modernizr.com/）来检测它是否是触摸设备并从那里工作？

Modernizr 允许您根据是否触摸输入具有不同的 CSS：

html.touch a {
   Padding:10px;
}

html.no-touch a {
   Padding:4px;
}
于 2012-12-06T23:47:44.007 回答
1

WURFL或DeviceAtlas

如果您严格针对 iOS 平板电脑，那么在两个方向上都有针对它们的特定媒体查询。

只是出于好奇，什么类型的 UI 需要不同的鼠标或触摸屏视图？我能想到的唯一原因是游戏解决方案？

于 2012-12-05T19:57:33.357 回答