javascript - 屏幕CSS像素比大于1时在不同浏览器上获取相同的window.screen.height和window.screen.width

Question

我需要用javascript检测window.screen.height和window.screen.width。但是在 css 像素比大于 1 的设备上进行测试，我在多个浏览器中得到不同的结果。

在三星 Galaxy S3 上进行测试，分辨率：1280x720 和 CSS 像素比：2 我得到以下结果：

股票浏览器：1280x720 Firefox：1280x720 Opera：640x360 Chrome：640x360

是否有可能在不同的浏览器中获得相同的结果？

亲切的问候

Answer 1

$(window).width();
$(window).height();

适用于所有类型的设备，包括 iOS。在您的文档就绪功能中使用它。并在 css 中使用媒体查询获取像素比这里是所有移动媒体查询标准设备媒体查询的链接