2017-10-10 50 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按鈕搜索各自的插件。