第壹種方法:這種方法不太好適應屏幕。雙擊它以完全適應屏幕。有興趣的話可以自己試試。
第二種方法:
在初始化WKWebView時添加配置,可以解決自適應的問題,但是當加載內容的寬度大於高度時,就有些不準確了,寬度無法適應屏幕的寬度。最後不明白為什麽,就放棄了這個方法。
//自適應屏幕寬度js
在加載的過程中,我使用KVO來監控加載的進度,從而得到上次加載內容的高度。
根據WKWebView的狀態,判斷加載是否完成:
您可能需要使用進度條和標題屬性。
確保移除KVO監視器。
第三種方法也是我使用的最後壹種方法:
我的需求是讓畫面的大小隨著屏幕的變化而變化,也就是動態適應屏幕;然後文字的字體可以自己控制,可大可小。若要實現這種效果,請在用loadHTMLString加載字符串之前處理該字符串。
處理HTMLString的原則:
原理是用壹個for循環獲取所有圖片,每張圖片處理壹次,使圖片寬度為100%,根據屏幕寬度自適應;讓畫面的高atuo自動適應。文本的字體大小可以更改為font-size:14px。