Question

我将HTML加载到我的UIWebView，其中包括Text和Images。

Text适合UIWebView而Images不适合UIWebView。

UIWebView中太大了。

它在UIWebView的末尾显示滚动条。

我想在UWebView中调整图像适合大小。所以我测试了以下代码。

self.myWebView.scalesPageToFit = YES;

然而它已经修复，包括文字和文字太小而无法阅读和图像被修复。

我想正常设置文字，只想在UIWeView中填写尺寸图片。

我该怎么做？

Answer 1

我用css解决了这个问题。下面样式标记中包含的css将确保自动调整图像大小，保持UIWebView宽度的纵横比。希望这有帮助！

NSString *strTemplateHTML = [NSString stringWithFormat:@"<html><head><style>img{max-width:100%%;height:auto !important;width:auto !important;};</style></head><body style='margin:0; padding:0;'>%@</body></html>", @"insert your html content here"];

[webView loadHTMLString:strTemplateHTML baseURL:nil];

Answer 2

使用iPhone / iPad上的UIWebView使用视口元标记来确定如何显示网页。

 <meta name="viewport" content="width=device-width, maximum-scale=1.0" />

请参阅以下链接了解更多详情：

https://developer.apple.com/library/ios/DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

Answer 3

以下代码段可以帮助您

NSString *fontString = @"<!DOCTYPE html><html>\
    <head>\
    <style>\
    img{";
        NSString *imageDimensionsStr = [NSString stringWithFormat:@"max-width: %fpx; max-height: %fpx;}",self.view.frame.size.width - 50.0f, self.view.frame.size.height/2];
        fontString =[fontString stringByAppendingString:imageDimensionsStr];
fontString = [fontString stringByAppendingString:@"</style></head><body>"];
    fontString = [[fontString stringByAppendingString:htmlString] stringByAppendingString:@"</body></html>"];
    [webView loadHTMLString:fontString baseURL:nil];

以上代码将根据视图尺寸调整图像的宽度和高度。您可以根据自己的要求进行更改。

如何在UIWebView中为图像制作合适的大小？

3 个答案: