WKWebView自適應大小

在使用wkwebview的時候，常常會碰到顯示內容比實際css設定的樣式不能正常顯示，內容普遍的偏小。其實導致這樣問題的根源是少了html5的meta標籤。解決的辦法可以在ios端新增以下的內容，當然也可以讓後台新增完整的html5的格式。如果要在ios端指定字型的大小也是可以的（不推薦在客戶端設定字型大小）。

客戶端新增meta標籤eg:

wkuserscript *wkuscript = [[wkuserscript alloc] initwithsource:jscript injectiontime:wkuserscriptinjectiontimeatdocumentend formainframeonly:yes];

wkusercontentcontroller *wkucontroller = [[wkusercontentcontroller alloc] init];

[wkucontroller adduserscript:wkuscript];

wkwebviewconfiguration *wkwebconfig = [[wkwebviewconfiguration alloc] init];

wkwebconfig.usercontentcontroller = wkucontroller;

_mywebview = [[wkwebview alloc] initwithframe:cgrectmake(0,cgrectgetmaxy(headerview.frame)+10, m_s.width,m_s.height - cgrectgetmaxy(headerview.frame) - 40) configuration:wkwebconfig];

複製**

客戶端設定字型大小eg:

//建立網頁配置物件
wkwebviewconfiguration *config = [[wkwebviewconfiguration alloc] init];
// 建立設定物件
wkpreferences *preference = [[wkpreferences alloc]init];
// 設定字型大小(最小的字型大小)
preference.minimumfontsize = 40;
// 設定偏好設定物件
config.preferences = preference;
// 建立wkwebview
wkwebview *webview = [[wkwebview alloc]initwithframe:self.view.bounds  configuration:config];
複製**

WKWebView自適應大小

WKWebView自適應大小

自適應大小

C 自適應窗體大小

相關推薦