我有一个用户在 Surface Pro 4 上使用我的 Web 应用程序。该应用程序的渲染效果不是很好。我可以描述它的最佳方式是，浏览器窗口似乎已被调整为小尺寸，并且它试图将东西捆绑在一起。但是，我相信他的浏览器已最大化。
由于我没有 Surface，我一直在尝试让 Chrome 和 Edge 模拟渲染问题。这是我尝试过的：
Edge：有一个 Surface Pro 4 的预设。我想一旦我选择了这个模式，我就会看到问题。这实际上是相反的情况。实际上，我必须将浏览器窗口扩展到多个显示器才能看到所有内容（甚至是浏览器滚动条）。我怀疑这是因为 Surface 的分辨率比我的 PC 高。
Chrome： Surface 没有预设，我找不到任何有特定设置的人。我尝试了 2738 x 1834 和所有三个内置像素比率（1.0、2.0、3.0）。Chrome 缩小了，所以它都适合我的屏幕。它也没有渲染问题。改变像素比没有任何区别。
我承认 Web UI 开发不是我的强项。我继承了很多这样的代码并没有帮助。但我真的在这里摸不着头脑。
如果我尝试使用手机预设进行模拟，那么我会看到渲染问题，因为该应用程序对手机不友好，也不是真的需要。这似乎表明浏览器中的仿真运行良好。还剩下什么？我唯一能想到的是，他一定是在使用某种将事情搞砸的缩放比例。
另外，我应该注意到我有一个朋友使用 iPad（对不起，不知道什么型号）也试用了这个应用程序，他也看到了同样糟糕的渲染问题。事实上，他认为它的渲染效果比 Surface 差。
编辑1：
我整理了一个测试页面，显示了我们应用程序的标题。它在这里：https ://app.astrolabe-analytics.com/surfaceTest
以下是正在测试的各种显示器的屏幕截图：
这是 Surface Pro 4 硬件 - 通知按钮正在环绕
下一个是 iPad 硬件（我不相信它是专业版）
然后这是我设置 Chrome 以模拟 Surface Pro 的方式
Edge 中的 Surface Pro 4 仿真。请注意，我必须将浏览器窗口扩展到我的第二台显示器上才能截取屏幕截图。
最后，Chrome中的标准外观
