iOS UIWebView加载HTML标签适配字体,图片和文字大小

/**
 HTML 适配图片文字

 @param htmlStr <#htmlStr description#>
 @return <#return value description#>
 */
- (NSString *)getHtmlString:(NSString *)htmlStr
{
    NSMutableString * html = [NSMutableString string];
    
    [html appendString:@"<html>"];
    [html appendString:@"<head>"];
    [html appendString : @"<meta charset=\"utf-8\">" ];
    
    [html appendString : @"<meta id=\"viewport\" name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=false\" />" ];
        [html appendString : @"<meta name=\"apple-mobile-web-app-capable\" content=\"yes\" />" ];
    [html appendString : @"<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\" />" ];
    [html appendString : @"<meta name=\"black\" name=\"apple-mobile-web-app-status-bar-style\" />" ];
    
    //适配图片宽度，如果图片宽度超过手机屏幕宽度，就让图片宽度等于手机屏幕宽度，高度自适应，如果图片宽度小于屏幕宽度，就显示图片大小
    [html appendString : @"<script type='text/javascript'>"
     "window.onload = function(){\n"
     "var maxwidth=document.body.clientWidth;\n" //屏幕宽度
     "for(i=0;i <document.images.length;i++){\n"
     "var myimg = document.images[i];\n"
     "if(myimg.width > maxwidth){\n"
     "myimg.style.width = '100%';\n"
     "myimg.style.height = 'auto'\n;"
     "}\n"
     "}\n"
     "}\n"
     "</script>\n"];
    [html appendString : @"<style>table{width:100%;}</style>" ];
    
    [html appendString:@"</head>"];
    [html appendString:@"<body style=\"background:#f6f6f6\">"];
    [html appendString:htmlStr];
    [html appendString:@"<div id=\"height\">"];
    [html appendString:@"</div>"];
    
    [html appendString:@"</body>"];
    [html appendString:@"</html>"];
    
    return html;
}

iOS UIWebView加载HTML标签 适配字体,图片和文字大小

推荐阅读更多精彩内容

iOS UIWebView加载HTML标签适配字体,图片和文字大小