2017-10-10 51 views
0

我有一个网页与SVG背景和窗体。背景分为2个部分。检查响应式设计使用铬

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

曾与一些移动设备的问题,底部背景出现的背后是这样的树木。

enter image description here

我已经写媒体采石场固定的问题。之后,我用铬设备模拟器检查了主要设备的响应兼容性。一切都很好。但是我的客户抱怨说他的设备上出现了背景问题(microsoft surface pro 4)然后我回到了Chrome设备模拟器,并添加了定制设备作为Surface Pro 4,并设置了实际分辨率(2736x1824)。但它显示罚款在铬工具。 (电脑)这是我的设置。

enter image description here

我越来越没有因为设置设备的像素比例的这个错误?或者其他任何方式来正确检查移动兼容性?

+0

Chrome不会模拟其他渲染引擎。所以如果客户使用例如在表面上的边缘,那么你需要用Edge测试你的渲染。这可能是你的html/css代码中的一个错误,只能在其他浏览器中看到,或者可能是Edge中的错误。 –

+0

他在他的设备上使用chrome。 – Janath

回答

1

有很多插件可用于在各自的设备上测试响应网站我用下面的添加上你可以试试这个插件

  • 自适应网页设计测试仪 - 铬
  • 切换响应 - Mozilla的

只需搜索这个插件,然后点击各个浏览器上的add addons按钮搜索各自的插件。