大屏的解析度是9520×2304（7x3個螢屏拼接的，每個螢屏是1360×768），開發時也是按這個比例布局的，除錯時放在谷歌瀏覽器chrome上（版本從55-60）發現有問題，而在火狐Firefox上正常。由于其他原因，使用環境最好是chrome。
閃爍的具體現象是：頁面加載完后，元素的整體樣式出來，但部分矩形區域沒有繪制完畢，背景圖片加載時經常會有右下角一部分為白色矩形區域也未繪制。這些矩形區域無論背景是否繪制上，應該顯示的畫面像素就會出現不穩定的閃爍情況。感覺瀏覽器繪圖的時候有種力不從心的感覺，貌似就差這點勁了！
嘗試：
1，最早是在頁面增加了幾個圖片輪播和動態圖后發現的，去掉這些效果和動圖基本正常但隨著頁面結構的復雜和圖表的增多，問題也越來越嚴重。
2，由于當前頁面有echars-x的3D地球圖形，考慮到時瀏覽器渲染負擔太重，發現當縮小3D圖形區域時問題會減輕。
3，去除背景圖片改用純色后，問題會減輕。
4，縮小瀏覽器視窗，也就降低了頁面顯示的解析度，這樣問題也會減輕。
5，考慮到同時加載的圖表比較多，資料量大，將閃爍比較嚴重的頁面和其他頁面分離出來，單獨打開，發現閃爍情況的區域有變化，但是并沒有明顯減輕。
6，修改瀏覽器中有關webgl的選項，無改善。
7，修改顯卡中3d渲染部分有關選項，無改善。
8，據說widows解析度超過8000像素寬度后，硬體加速會失效，導致各種問題，比如系統運行比較卡。準備將單個螢屏解析度降低到1280×720，這樣整個寬度是8960，但是顯卡不能自己調，正在等廠家給組態檔。如果再低的話，單屏的解析度恐怕不能達到理想狀態而顯示發虛。
總之，可能因為WebKit瀏覽器內核的某些內部渲染機制沒搞明白，導致找不到問題的核心所在。在此向各位大神求教，謝謝！
uj5u.com熱心網友回復：
坐等高手回答
uj5u.com熱心網友回復：
大哥找到問題沒轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/284297.html
標籤：HTML(CSS)
下一篇：各位大佬我該怎么改