网站布局在 3 个 1920x1080 屏幕上发生变化 - 如何使用 CSS 解决此问题?

问题描述

我是一名网页设计师,所以我并不是不了解响应式设计。我的网站已针对所有常见屏幕分辨率进行了媒体查询调整。

但我从客户端屏幕截图中注意到,我的网站看起来与 1920x1080 的游戏台式显示器、1920x1080 的戴尔 XPS 13" 笔记本电脑或 1920x1080 的 macbook pro 完全不同。

所有三个示例都是 1080p 高清分辨率,因此我可以编写媒体查询,例如:在 1920 像素以下执行此操作,但它不适用于 2/3 的显示器或设备。如果所有三个规范都说它们具有相同的分辨率并且客户向我保证他们是在没有浏览器缩放的情况下全屏查看,为什么会发生这种情况?

解决方法

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

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

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