當前位置:成語大全網 - 書法字典 - 使用WKWebView適配屏幕遇到的問題及最終解決方案。

使用WKWebView適配屏幕遇到的問題及最終解決方案。

網上找了很多方法,就不廢話了。讓我們壹壹列舉。

第壹種方法:這種方法不太好適應屏幕。雙擊它以完全適應屏幕。有興趣的話可以自己試試。

第二種方法:

在初始化WKWebView時添加配置,可以解決自適應的問題,但是當加載內容的寬度大於高度時,就有些不準確了,寬度無法適應屏幕的寬度。最後不明白為什麽,就放棄了這個方法。

//自適應屏幕寬度js

在加載的過程中,我使用KVO來監控加載的進度,從而得到上次加載內容的高度。

根據WKWebView的狀態,判斷加載是否完成:

您可能需要使用進度條和標題屬性。

確保移除KVO監視器。

第三種方法也是我使用的最後壹種方法:

我的需求是讓畫面的大小隨著屏幕的變化而變化,也就是動態適應屏幕;然後文字的字體可以自己控制,可大可小。若要實現這種效果,請在用loadHTMLString加載字符串之前處理該字符串。

處理HTMLString的原則:

原理是用壹個for循環獲取所有圖片,每張圖片處理壹次,使圖片寬度為100%,根據屏幕寬度自適應;讓畫面的高atuo自動適應。文本的字體大小可以更改為font-size:14px。