WKWebView自適應大小

2021-09-11 12:24:35 字數 1328 閱讀 3427

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

自適應大小

原文出處忘了 自適應大小一般分為對話方塊自適應大小和控制項自適應大小。1.對話方塊自適應大小 在螢幕 高度和寬度是螢幕的一半 int cx getsystemmetrics sm cxscreen int cy getsystemmetrics sm cyscreen movewindow m hw...

C 自適應窗體大小

system.drawing.rectangle rect screen.getworkingarea this 獲取工作電腦的screen的矩形 int width rect.width int height rect.height this.size new size width,height ...