富文本加载html代码的时候可能会出现图片过大,
使用@"<head><style>img{width:%f !important;height:auto}</style></head>%@就可以把图片限制在屏幕当中,但是你会发现本身大图片显示正常了, 小图片也会被拉伸了,
今天在一位老哥的指导下,终于找到方法了,看截图
截图
其中把width 换成了max-width, 其意思就是图片超过设置的宽度就让显示在设置的宽度当中,不超过设置的宽度就正常显示!
还有一个方法
let htmlStr = String(format: " \n \n \n body {font-size:15px;}\n \n \nwindow.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}%@",model?.goods_desc ?? "")
很少写文章,写的很烂,勿喷!
希望对你有帮助。
作者:疯狂超人_
链接:https://www.jianshu.com/p/acf2b1f60308
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
\n body {font-size:15px;}\n