使用chrome检查响应式设计

Question

我有一个svg背景和表单的网页。背景分为2个部分。

顶部区域 - 背景图片/ 底部区域 - 背景颜色

对于某些移动设备存在问题，底部背景出现在这样的树后面。

我已经通过编写媒体查询解决了这个问题。之后，我通过chrome设备模拟器检查了主要设备的响应兼容性。一切都很好。但是我的客户抱怨我他的设备上出现了背景问题。（microsoft surface pro 4）然后我回到了chrome设备模拟器并添加了自定义设备作为表面专业版4并设置了实际分辨率。（2736x1824）但它显示了对铬工具很好。 （pc）这是我的设置。

由于未设置设备像素比率，我收到此错误？或任何其他方式正确检查移动兼容性？

Answer 1

有许多广告可用于测试各个设备上的响应式网站，我使用后添加你可以试试这个插件

• 响应式网页设计测试人员 - chrome
• 切换响应 - Mozilla

只需搜索此插件，然后点击相应浏览器上的添加插件按钮搜索相应的插件。