屏幕分辨率比实际小两倍

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机器上遇到了同样的问题。

Answer 1

macbook是视网膜显示器吗？

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

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