javascript - 将 UIWebView 中的所有图像调整到一定宽度以上

Question

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

我发现一些图像的宽度超过 550，因此在滚动查看下一页(即下一个 webview 内容)时遇到问题。

我尝试为 webview 设置 scalePageToFit 但图像和文本都显得很小。

任何人都可以帮助将宽度超过 550 像素的所有 Web View 图像的大小调整为设定宽度 500，以便图像适合 Web View 吗？这可以在 iPhone 的 JavaScript 中或通过任何其他方式实现吗？

Answer 1

您可以尝试在要加载到 Web View 中的任何内容前面添加一些 CSS:

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];