標籤：data 解決方案 element 螢幕 print rip ios 大小 height
iOS中用UIWebView的loadHTMLString後圖片和文字失調，圖片過大，超過螢幕，文字太小。或者圖片太小。文字太大，總之就是不協調。
我們的需求是讓圖片的大小跟著螢幕的變化而變化。就是動態去適應螢幕。那麼文字的字型就是我們自己能夠控制，可大可小。要想達到這種效果。我們要在用loadHTMLString載入字串之前對它進行處理。怎麼處理呢？什麼原理呢？
處理HTMLString的方法： NSString *htmls = [NSString stringWithFormat:@"<html> \n" "<head> \n" "<style type=\"text/css\"> \n" "body {font-size:15px;}\n" "</style> \n" "</head> \n" "<body>" "<script type=‘text/javascript‘>" "window.onload = function(){\n" "var $img = document.getElementsByTagName(‘img‘);\n" "for(var p in $img){\n" " $img[p].style.width = ‘100%%‘;\n" "$img[p].style.height =‘auto‘\n" "}\n" "}" "</script>%@" "</body>" "</html>",htmlString];原理就是用一個for迴圈，拿到全部的圖片，對每一個圖片都處理一次，讓圖片的寬為100%，就是依照螢幕寬度自適應。讓圖片的高atuo，自己主動適應。文字的字型大小，能夠去改font-size:15px，這裡我用的是15px。依據自己的詳細需求去改吧。
另外博主維護一個iOS開發支援人員群
iOS中用UIWebView的loadHTMLString後圖片和文字失調解決方案
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
