为什么具有高像素密度的小屏幕呈现错误的媒体查询?

问题描述

当我测试由webflow制作的简单网页的响应能力时,遇到一个奇怪的问题。现在,这不是一个webflow问题,但我认为该问题与分辨率,物理屏幕尺寸和像素密度有关。只是我不清楚发生了什么。 因此,有3个媒体查询。一种用于移动/ iPad(由于它们按预期工作,我们将忽略它们),笔记本电脑屏幕(1280至1024像素)和大型台式机屏幕(等于或大于1920)。我在1920年对网站进行了样式设置,chrome开发工具也按照我的预期在较低和较高的屏幕上进行渲染。但是,当使用分辨率远高于1920的MacBook浏览该网站时,其物理屏幕尺寸却比传统显示器要小得多,因此呈现了针对笔记本电脑的媒体查询样式。我希望它具有高分辨率,它将显示最高的媒体查询。 为什么会发生这种情况以及如何解决呢?还是实际上可以,并且不需要修复?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)