html代码在网页端显示正常,在手机端调用,造成字体、图片有误差解决方式

    xiaoxiao2021-03-25  88

     htmlStr = [NSString stringWithFormat:@"<!DOCTYPE html PUBLIC '-//WAPFORUM//DTD XHTML Mobile 1.0//EN' 'http://www.wapforum.org/DTD/xhtml-mobile10.dtd'>                                              <html xmlns='http://www.w3.org/1999/xhtml'>"

                                "<head>"

                                "<style type=\"text/css\">"

                                "body {font-size:15px;}"

                                "</style>"

                                "</head>"

                                "<body>"

                                "<script type='text/javascript'>"

                                "window.onload = function(){"

                                "var $img = document.getElementsByTagName('img');"

                                "for(var p in  $img){"

                                " $img[p].style.width = '90%%';"

                                "$img[p].style.height ='auto'"

                                "}"

                                "}"

                                "</script>%@"

                                "</body>"

                                "</html>",str];

        self.webView.autoresizesSubviews = YES;//自动调整大小

        self.webView.scalesPageToFit = YES;

        self.webView.scrollView.delegate = self;

        self.webView.delegate = self;

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

    注释:1)<!DOCTYPE html PUBLIC '-//WAPFORUM//DTD XHTML Mobile 1.0//EN' 'http://www.wapforum.org/DTD/xhtml-mobile10.dtd'>                                              <html xmlns='http://www.w3.org/1999/xhtml'>"

    将html代码标注为手机端使用

    2)下部分代码是针对html代码里的图片做处理" $img[p].style.width = '90%%';" ,90代表占屏幕宽度90%

    3)Str,后台传来的html代码:"</script>%@"

    转载请注明原文地址: https://ju.6miu.com/read-21411.html

    最新回复(0)