jquery - 屏幕分辨率比实际小两倍

Question

至少可以说，我面临的问题很奇怪。我什至不知道要测试什么，因为我不知道是什么导致了这个问题。

从 iMac (5120 x 2880) 进行测试

• 媒体查询正常工作
• 在控制台中输入 $(window).width() 返回正确的宽度；

在 macbook pro 上测试（1920 x 1080）

• 全屏查看网站（1920）显示平板布局（最大宽度：1024px）
• 在控制台输入 $(window).width() 返回 960px （实际宽度除以 2 ）

该网站使用 jquery 2.1.1、bootstrap 3.3.5，以及一些自定义的 css 和 js 文件。我已经一一删除了仍然没有区别。

值得一提的是，在 macbook pro 上，我只在 Chrome 上遇到这个问题。在 Safari 上测试并按预期工作。Chrome 中的所有其他网站看起来都很好（所以不能是浏览器问题吗？）。

客户刚刚说她在 Windows 机器上面临同样的问题。

标签： jquerycsstwitter-bootstrapmedia-queries

Answer 1

macbook是视网膜显示器吗？

如果是，您必须在 CSS 中提及它才能进行正确计算。

https://css-tricks.com/snippets/css/retina-display-media-query/