2015-11-26 28 views
0

我的網站在所有主流瀏覽器(包括Chrome桌面設備和移動設備)上均正常工作。現在我注意到,在Chrome devtools(Chrome 46)中進入設備模式時,頁面中沒有設置背景色的部分以深灰色顯示。在檢查該區域中的元素時,沒有設置背景顏色。Chrome設備模式顯示沒有背景色的位置

enter image description here

正如我剛纔所說,這不會在Chrome中發生移動或其他任何瀏覽器。

該網站是here。只有在第一次加載頁面時纔會發生。 (點擊該網站後,body元素具有白色背景色集,並且毛刺不再發生。)

任何想法是什麼導致了這種情況?

更新: Gabee指出如下:

無法重現與新設備模式最新的金絲雀(但我可以在穩定的),所以(...)[Y]歐只需要等待下一個更新(或兩個?)的修復登陸

我認爲這解決了,然後。

+0

您是否嘗試在移動設備上查看網站?有時,如果元素不包含視口,則Chrome會用深灰色填充空間(與桌面預覽中內容不存在會呈現白色的情況不同)。 –

+0

錯誤不會發生在我的移動設備上,只發生在Chrome開發工具中。此外,儘管我可以通過在devtools中檢查它們來判斷,但html和body元素確實覆蓋了視口。 – bootsmaat

+1

可能是暗灰色網格的偶然流血。無法使用新的設備模式在最新的Canary上進行重現(但我可以在穩定版上),非常抱歉,但看起來像某些不會在穩定補丁中得到修復的東西。您只需等待下一次更新(或兩次?)以使修復着陸。 – Garbee

回答

0

由於Gabee指出:

無法重現與新設備模式最新的金絲雀(但我可以在穩定的),所以(...)[Y]歐只需要等待爲下一次更新(或兩個?)的修復登陸

我認爲這解決了。