2

我为同一个站点制作了两个不同的网页：一个用于电话设备，一个用于桌面设备。主要原因是网页上有很多按钮，如果您使用手机，这些按钮很难触摸，因为它们在手机屏幕上看起来非常小。所以我制作了一个 javscript，它根据屏幕的分辨率将用户重定向到相应的页面。

if ( (screen.width < 800) && (screen.height < 600) ) { 
    window.location = 'mobilesite';
} else {
    window.location = 'desktopsite';
}

但我担心新的视网膜显示器。我认为这种方法行不通。（我没有视网膜显示设备来测试它）

我决定不使用基于操作系统的差异化，因为我的问题在于大小，而不是操作系统，例如在 Android/IOS/Kindle/etc 中。平板电脑 我更喜欢用户使用桌面版本，因为它在大屏幕上看起来更好。

所以我有两个问题：1.-视网膜显示器的分辨率会影响浏览器的分辨率吗？（或者也许只有本机应用程序）

2.- 是否有任何不同的方式来区分手机和平板电脑使用 javascript 或 jquery 客户端？

另外，我认为重要的是不要将脚本限制为仅在 IOS 设备中检测这种差异，很快它将在其他品牌的手机中显示更高分辨率。

谢谢！

4

1 回答 1

5

Apple Retina 屏幕会报告自己，好像它的像素数量是实际像素的一半，因为浏览器本身就具有魔力。如果要检测高分辨率屏幕，请乘以像素密度。

不要进行用户代理检查，因为您将每 2 周添加更多设备。它打破了网络。进行功能检查或特定检查。

哦，你会想要阅读 CSS3 媒体查询，以防你只想为移动设备显示更大的按钮。

于 2012-10-17T21:39:50.307 回答