【发布时间】：2018-03-21 09:58:53
【问题描述】：
我有一个带有 svg 背景和表单的网页。背景分为两部分。
顶部区域 - 背景图片 / 底部区域 - 背景颜色
某些移动设备出现问题，底部背景出现在这样的树后面。
我已经通过编写媒体查询解决了这个问题。之后，我通过 chrome 设备模拟器检查了主要设备的响应兼容性。一切都很好。但是我的客户抱怨我在他的设备上遇到了这个背景问题。（microsoft surface pro 4）然后我回到 chrome 设备模拟器并添加自定义设备作为 Surface pro 4 并设置实际分辨率。（2736x1824）但它显示在 chrome 工具上很好。 (pc) 这是我的设置。
因为未设置设备像素比而出现此错误？或任何其他正确检查移动兼容性的方法？
【问题讨论】：
-
Chrome 不模拟其他渲染引擎。因此，如果客户使用例如Edge 在表面上，那么你需要用 Edge 来测试你的渲染。这可能是您的 html/css 代码中的错误，该错误仅在 Chrome 等其他浏览器中可见，或者可能是 Edge 中的错误。
-
他正在他的设备上使用 chrome。
标签： html css google-chrome svg