Question

我正在尝试使用UIWebView来显示一些可变大小的内容，并且我想确定该内容的完整大小，以便我可以调整UIWebView的大小以完全适合内容的大小。

然而，我尝试确定内容的正确高度和宽度并非完全直截了当。以下尝试测试查找尺寸的方法......

- (void)viewDidLoad {
  [super viewDidLoad];

  self.webView.backgroundColor = [UIColor clearColor];

  NSString *content = @"<html><body style='background-color: transparent; width: 300px; height: 500px'><div id='ContentDiv'>Content Here</div></body></html>";
  [self.webView loadHTMLString:content baseURL:nil];

  debugLog(@"Loading HTML string: %@", content);
}

- (void)webViewDidFinishLoad:(UIWebView *)webView {
  NSString *bodyHeight = [self.webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"];
  NSString *bodyWidth = [self.webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetWidth"];
  NSString *contentHeight = [self.webView stringByEvaluatingJavaScriptFromString:@"document.getElementById('ContentDiv').offsetHeight"];
  NSString *contentWidth = [self.webView stringByEvaluatingJavaScriptFromString:@"document.getElementById('ContentDiv').offsetWidth"];

  CGSize fittedSize = [self.webView sizeThatFits:CGSizeZero];

  debugLog(@"document.body.offsetHeight/Width: {%@, %@}", bodyWidth, bodyHeight);
  debugLog(@"document.getElementbyId('ContentDiv').offsetHeight/Width: {%@, %@}", contentWidth, contentHeight);
  debugLog(@"sizeThatFits: %@", NSStringFromCGSize(fittedSize));

  self.webView.frame = CGRectMake(0,
                                  0,
                                  [contentWidth floatValue],
                                  [contentHeight floatValue]);
}

...产生以下日志结果......

Loading HTML string: <html><body style='background-color: transparent; width: 300px; height: 500px'><div id='ContentDiv'>Content Here</div></body></html>
document.body.offsetHeight/Width: {300, 500}
document.getElementbyId('ContentDiv').offsetHeight/Width: {300, 20}
sizeThatFits: {308, 516}

虽然第一和第二个结果对我有意义 - 身体大小与style属性中的大小相匹配，div大小符合实际内容 - 第三个结果没有意义。实际上，UIWebView似乎在某些边缘（在这种情况下，顶部，底部和左侧）上插入了8个像素的实际HTML内容，使得sizeThatFits：给出的拟合大小与Javascript体高度不匹配/宽度结果。

任何人都可以对此做出解释，并可能是消除这些插入的方法吗？感谢。

Answer 1

如果您将HTML更改为此会怎样？

NSString *content = @"<html><body style='background-color: transparent; width: 300px; height: 500px; margin: 0; padding: 0;'><div id='ContentDiv'>Content Here</div></body></html>";

我认为内容本身的大小合适，但是视口和正文之间存在着导致差异的界限。（并且8px声音适用于默认的边缘边缘。）

Answer 2

一个简单明了的解决方案是将此代码放在HTML <head>标记上：

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

您可以在此定义缩放比例和宽度。

为什么 - [UIWebView sizeThatFits：]给出比document.body.offsetHeight / Width更大的尺寸？

2 个答案: