html - 如何针对 Web 布局问题模拟高分辨率显示

标签 html css layout emulation

我的网站在某些设备上存在布局问题,我相信我已经追踪到高分辨率显示器,这些显示器在 Windows 10 中的显示缩放比例也设置为 200%。 (在浏览器中不是 200%,而是在 Windows 控制面板中的显示设置中)

问题是我没有可以复制这些设备分辨率的设备,即 2736 x 1824(它是 MS Surface Pro)。哦,是的,这只发生在 Edge 上......

我知道有一些网站的 VM 会运行不同的浏览器以进行测试,但我不知道有哪个网站允许您选择分辨率。如果不出去并拿到这台特定的机器,我还能如何调试这个问题?

最佳答案

您可以在开发人员控制台中创建一个自定义设备,并以实际适合您屏幕的任何比例简单地显示它。例如,创建一个具有该特定分辨率的自定义设备,然后在 Chrome 的开发者控制台中,您可以将其缩小 50%(如果您自己的分辨率为 1920x1080),以便可以看到整个设备。

关于html - 如何针对 Web 布局问题模拟高分辨率显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55936278/

相关文章:

html - Transitions 浏览器问题 Css3

html - 将文本限制为 Div

javascript - 使用 Tether Javascript 库导致异常

android - CoordinatorLayout 将布局放在彼此之上

javascript - Page/Div 内容在点击时淡入淡出

jquery - Foundation 6 Sticky Topbar Navigation - 立即/过早触发

html - 如何在 IE8 中垂直对齐文件输入的文件名

Javascript var 不应用 ul 的高度作为值

html - 告诉一个div占用 "as much height is left"

java - 如何正确使用 JPanel 作为其他几个 JPanel 的容器?