视网膜(或其他高分辨率)显示器是否会影响基于分辨率的手机和平板电脑之间的区别？

Question

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

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

但我担心新的视网膜显示器.我认为这种方法不会起作用.(我没有视网膜显示设备来测试它)

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

所以我有两个问题:1.-视网膜显示器的分辨率会影响浏览器的分辨率？(或者也许只有原生的应用)

2.-使用javascript或jquery客户端在手机和平​​板电脑之间有什么不同的区分吗？

此外,我认为重要的是不要限制脚本只检测IOS设备中的这种差异,很快就会在其他品牌的手机中显示更高分辨率的显示器.

谢谢!

Answer 1

Apple Retina屏幕会报告自己好像它实际拥有的像素数量的一半,因为浏览器本身就是魔术.如果要检测高分辨率屏幕,请乘以pixeloffnsity.

不要进行使用检查,因为您将每两周添加更多设备.它打破了网络.进行功能检查或特定检查.

哦,如果你只是想为移动设备显示更大的按钮,你会想要阅读CSS3媒体查询.