调整UIWebView中高于特定宽度的所有图像的大小

Question

我正在开发一个iPhone应用程序,它将在webview中显示来自XML的文本和图像,并将webview放在scrollview上(每个webview是一个页面).有超过100个不同大尺寸的图像,但我已经将我的webview放置了550宽和500高的框架.

我发现一些图像宽度超过550,所以当滚动查看下一页(意味着下一个webview内容)时我遇到了问题.

我尝试设置scalePageToFitwebview,但图像和文本都显得很小.

任何人都可以帮助调整所有宽度超过550像素的webview图像到500的设置宽度,以便图像适合webview吗？这可能在JavaScript for iPhone或任何其他方式？

Answer 1

您可以尝试将一些CSS添加到您在webview中加载的任何内容:

img {
  width: 500px;
  height: auto;
}

在Objective-C中

NSString *cssString = @"<style type='text/css'>img {width: 500px; height: auto;}</style>";
NSString *htmlString = [NSString stringWithFormat:@"%@%@",cssString,myHTMLContent];
[myWebView loadHTMLString:htmlString];