为何WebView存在灰色背景且显示区域小于UIWebView？附代码

Hey there, let's break down exactly why you're seeing that gray background and the Amazon page not filling your UIWebView properly:

核心原因1：未开启网页适配缩放 #

UIWebView的scalesPageToFit属性默认值是NO，这意味着它不会自动缩放网页内容来适配视图边界。亚马逊的移动端网页有固定的最优显示宽度，没有开启缩放的话，页面会以原始尺寸渲染——导致周围出现空白区域，而这个空白区域显示的就是UIWebView默认的浅灰色背景。

核心原因2：网页自带边距+WebView背景色未匹配 #

即使开启了缩放，部分网页（包括亚马逊的页面）本身带有内边距或最小宽度限制。如果你没有显式将UIWebView的背景色设置为和网页背景一致的颜色（通常是白色），未被网页覆盖的区域还是会露出灰色默认背景。

次要可能性：布局边界计算问题 #

如果你的视图控制器包含导航栏、状态栏或标签栏，直接用self.view.frame.size来初始化WebView的frame，可能没有考虑这些系统栏的占用空间。虽然这通常会导致WebView被遮挡而非显示区域缩小，但也值得排查下布局是否有重叠的系统元素。

快速修复代码示例 #

更新你的初始化代码，加入以下关键修复：

// 使用self.view.bounds替代frame，适配性更好
self.webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
// 开启网页自动缩放以适配WebView
self.webView.scalesPageToFit = YES;
// 将WebView背景色设置为网页常见的白色，避免露出灰色
self.webView.backgroundColor = [UIColor whiteColor];
// 禁用不必要的内容内边距调整（iOS 11+适用）
self.webView.scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
[self.view addSubview:self.webView];

// 显式加载亚马逊移动端站点，适配效果更好
NSURL *url = [NSURL URLWithString:@"https://m.amazon.com"];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[self.webView loadRequest:request];

额外优化：强制调整网页视口 #

如果仅靠缩放仍无法解决问题，可以在页面加载完成后注入一段JavaScript来调整视口设置：

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    NSString *viewportFix = @"document.querySelector('meta[name=viewport]').setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');";
    [webView stringByEvaluatingJavaScriptFromString:viewportFix];
}

内容的提问来源于stack exchange，提问作者Ran