最近在項目中我們的商品詳情頁是一個后臺返回的圖片標簽。需要我們自己去寫一個HTML5標簽進行整合，(相當于重新寫了一個HTML頁面)

:ok_hand:那就沒辦法了，我就自己寫一個標簽咯，應該不難吧。嘻嘻嘻嘻~~~~~

dispatch_async(dispatch_get_main_queue(),^{

if(self.detailModel.details){

//這里是自己寫的簡單的加載H5

NSString *header =@"

";

NSString *html = [NSString stringWithFormat:@"%@

%@",header,self.detailModel.details];

[self.webView loadHTMLString:html baseURL:nil];

}

});

得，那我就先用UIWebView寫的，調了半天結果就是不占據屏幕寬度，好煩啊。(想對著自錘兩下)。找資料原來可以設一個屬性就可以解決，豪嗨心呀！

沒設置屬性之前是這個鬼樣子的

使用[_webView setScalesPageToFit:NO]; 這個屬性就好了，這個屬性的作用是是都縮放到屏幕大小。好了，UIWebView使用這個卻解決了。

///..............................告一段落

但是WKWebView呢？因為一般H5加載需要一點點時間并且也想加一個進度條的效果，這樣體驗會更加的好一點。當H5沒有加載完的時候用戶滑動頁面會卡住(因為scrollerView的ContentSize還不確定)。所以一般是在加載完成后再設置scrollerView的ContentSize。廢話不多說直接上代碼

-(WKWebView *)webView {

if (!_webView) {

_webView = [[UIWebView alloc]initWithFrame:CGRectMake(0,iPhone5sHeight(375+135*PXSCALEH+285*PXSCALEH),screenW,screenH-50)];

WKWebViewConfiguration *wkWebConfig = [[WKWebViewConfiguration alloc] init];

WKUserContentController *content = [[WKUserContentController alloc]init];

// 自適應屏幕寬度js

NSString *jSString = @"var Meta = document.createElement('Meta'); Meta.setAttribute('name','viewport'); Meta.setAttribute('content','width=device-width'); document.getElementsByTagName('head')[0].appendChild(Meta);";

WKUserScript *wkUserScript = [[WKUserScript alloc] initWithSource:jSString injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];

// 添加自適應屏幕寬度js調用的方法

[content addUserScript:wkUserScript];

wkWebConfig.userContentController = content;

_webView = [[WKWebView alloc]initWithFrame:CGRectMake(0,screenH-50) configuration:wkWebConfig];

_webView.UIDelegate = self;

_webView.navigationDelegate = self;

}

return _webView;

}

到這里適配一下就好了，看效果

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持我們。

總結

如果覺得編程之家網站內容還不錯，歡迎將編程之家網站推薦給程序員好友。

本圖文內容來源于網友網絡收集整理提供，作為學習參考使用，版權屬于原作者。

小編個人微信號 jb51ccc

喜歡與人分享編程技術與工作經驗，歡迎加入編程之家官方交流群！

總結

以上是生活随笔為你收集整理的wkwebview html5页面,iOS使用WKWebView加载HTML5不显示屏幕宽度的问题解决的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。