專案背景：angular7 + echarts 4.8.0 開發的web專案。有乙個全是由各種圖表組成的頁面，在android10系統的手機上訪問頁面時，發現滑動介面不能正常的向下滾動，只有滑動非圖表區域的地方，才能滾動。但是在pc端和ios系統的手機,以及android5.1系統的手機上。頁面滾動時沒有問題的。
一開始以為是android版本的相容性問題，後來又查了很多資料說是echarts的問題。最後經過我兩天的研究，在渲染echarts的div元素外面再包一層div標籤。並設定樣式為style="overflow:auto"，在移動端就能正常滾動了！
總結：應該是div的原因：和echarts應該沒有關係。
移動web滾動Fixed固定失效探索
最近工作中遇到ios手機頁面頭部fixed定位，隨著頁面的滾動頭部偶爾跟著頁面滾動，當滾動停止頁面頭部恢復原來的位置。此時頁面是body產生的滾動條，猜測可能是頁面滾動，導致定位失效。解決方案就很明顯了，就是定位元素跟滾動容器隔離。怎麼隔離呢？沒錯就是區域滾動，不要讓body產生滾動條。絕對定位方案...
移動端 Web頁面適配
由於手機機型較多，各個手機的螢幕尺寸不一樣，所以做移動端頁面，需要考慮在安卓和ios的各種尺寸裝置的相容問題，我們要做的 web 頁面適配，就是為了在不同裝置上，頁面能夠保持統一展示效果，或等比縮放。常見的移動適配方案有以下幾種 2.1 viewport 可視區 最初手機端需要照顧 pc 端，如果不...
移動端字型失效問題
1.問題 開發的網頁是華文行楷，在電腦端顯示正確，在移動端顯示失效。2.原因 我們在一起看看三大主流系統他們字型到底支援哪些呢？ios 系統 預設中文字型是heiti sc 預設英文本型是helvetica 預設數字字型是helveticaneue 無微軟雅黑字型 android 系統 預設中文字型...