【问题标题】:Screen resolution twice smaller than it actually is屏幕分辨率比实际小两倍
【发布时间】:2018-10-31 17:03:35
【问题描述】:

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

从 iMac (5120 x 2880) 测试

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

在 macbook pro (1920 x 1080) 上测试

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

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

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

客户刚刚说她在 Windows 机器上遇到了同样的问题。

【问题讨论】:

    标签: jquery css twitter-bootstrap media-queries


    【解决方案1】:

    macbook 是视网膜显示器吗?

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

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

    【讨论】:

    • 我阅读了有关视网膜显示媒体查询的信息,但这里并非如此。这个问题也发生在 Windows 机器上,并且引导程序还检测到屏幕小 2 倍。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-02-14
    • 1970-01-01
    • 2020-04-22
    • 1970-01-01
    相关资源
    最近更新 更多