在UIWebView中,我們可能會(huì)碰到由于UIWebView顯示的圖片太大,而導(dǎo)致圖片左右滾動(dòng),影響體驗(yàn)性;自己想重新改變一下圖片的大小,但不知道怎么改的情況。

沒(méi)有適應(yīng)的圖片
解決方法一:將scalesPageToFit屬性設(shè)置為YES
默認(rèn)情況下UIWebView加載HTML頁(yè)面后,會(huì)以頁(yè)面的原始大小進(jìn)行顯示,亦即如果頁(yè)面的大小超出UIWebView視口大小,UIWebView會(huì)出現(xiàn)滾動(dòng)效果,而且用戶只能通過(guò)滾動(dòng)頁(yè)面來(lái)查看不同區(qū)域的內(nèi)容,不能使用手指的捏合手勢(shì)來(lái)放大或縮小頁(yè)面。設(shè)置:
mywebView.scalesPageToFit = YES;

修改后
很明顯我們看到圖片是適應(yīng)大小了,但是字體的大小卻改變了,這不是我們想要的結(jié)果。
解決方法二:調(diào)用javascript代碼
- (nullable NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;

Paste_Image.png
上面將str循環(huán)了20次,是猜想這個(gè)頁(yè)面可能最多有20張圖片要處理,如果寫成100也是沒(méi)有問(wèn)題,可以多寫但是不要少寫,不然會(huì)出現(xiàn)不能完全把圖片處理的情況。
document.getElementsByTagName('img')[%d].style.width = '100%%'

圖片修改,字體也沒(méi)有改變
就這樣了~