移動Web開發的bug及解決方案

2021-09-06 23:32:11 字數 711 閱讀 2680

我目前移動web開發遇到的bug以及解決方案(慢慢補充當中)。

1.android4.0以上一部分手機的webview中,當canvas小於螢幕大小時,繪圖時會出現重影,就是說乙個圖只繪製了一遍,卻出現了兩個。

解決方案:canvas外層的div需要設定屬性style="overflow:visible;-webkit-transform: translatez(0)";

2.ios應用裡面webview在iphone6或iphone6 plus獲取的裝置寬度(device-width)一直是320,應該要是375、414。

原因:應用沒支援iphone6、iphone6 plus的解析度,就延用了iphone5 s的解析度

解決方案:

第一種方式是根據官方的推薦建立乙個launch screen.xib,然後在launch screen file下指定這個檔案就能支援iphone6或者iphone6 plus的解析度了。

第二種方式是為iphone6和iphone6plus新增兩張特殊的png

iphone6:命名:[email protected]解析度:750*1334

iphone6 plus 命名:[email protected]解析度:1242*2208

移動web開發rem,em及畫素知識詳解

css畫素指的是通過css進行網頁布局時用到的單位,其預設值 pc端 是和物理畫素保持一致的 1個單位的css畫素等於1個單位的物理畫素 但是我們可通縮放來改變其大小 我們需要理解的是物理畫素和css畫素的乙個關係,1個物理畫素並不總是等於乙個css畫素,通過調整瀏覽器縮放比例,視口 viewpor...

IE中偽類hover的使用 BUG及解決方法

偽類 hover的規則 在css1中,此偽類僅可用於a物件。且對於無href屬性的a物件,此偽類不發生作用 在css2中,此偽類可以應用於任何物件 目前ie5.5 ie6僅支援css1中的 hover,不過新出的ie7以及firefox支援css2中的 hover。先用css2的寫法來實現 如不能顯...

Web和移動開發的未來

web和移動開發的未來 當我們與來自整個it行業的專家交談時,他們告訴我們技術,pwa和優化的持續整合是關鍵。為了收集有關網路和移動開發當前和未來狀況的見解,我們與19位it主管進行了交流,我們問道 網路和移動應用程式開發的未來是什麼 最大的機會在 這是他們告訴我們的。合併將繼續推動devops工具...