嘿，我完全懂你这种头疼的情况——禁用JS后，那些依赖脚本的适配方案全废了，尤其是图片还老是撑破页面。别慌，咱们用原生配置+HTML预处理的方式来搞定，完全不用碰JS：

1. 强化Viewport标签的配置 #

你已经加了基础的viewport，但可以再补全参数，让适配更稳定：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"/>

• maximum-scale=1.0+user-scalable=no：防止用户手动缩放打乱布局
• viewport-fit=cover：适配刘海屏、挖孔屏这类特殊屏幕的显示区域

2. 预处理HTML，强制图片自适应 #

因为禁用JS没法动态调整图片样式，咱们在加载HTML之前手动给所有图片加上自适应规则：

• 最简单的方式是用字符串替换：把原HTML里的 <img 替换成 <img style="max-width:100%; height:auto;"
• 如果原图片已经有style属性，可以用正则精准匹配插入样式，比如把 <img([^>]+)> 替换为 <img style="max-width:100%; height:auto;" $1>

这样不管图片原本的尺寸多大，都会自动缩放到容器宽度，同时保持正常的宽高比。

3. 用WKWebView原生属性模拟scalesPageToFit效果 #

WKWebView的scalesPageToFit其实底层依赖JS，禁用JS后就失效了，但咱们可以通过调整scrollView的缩放限制来模拟：

// Swift 示例代码
webView.scrollView.minimumZoomScale = 1.0
webView.scrollView.maximumZoomScale = 1.0
webView.scrollView.bouncesZoom = false

固定缩放比例后，配合viewport的设置，页面会刚好适配WKWebView的宽度。

4. 清理HTML里的固定宽度容器 #

如果原HTML里有类似 <div style="width:800px"> 这种固定宽度的容器，也会导致页面撑大。记得在预处理时把固定宽度改成width:100%，或者直接删掉固定宽度的样式。

这些方法都是纯静态修改+原生配置，完全不依赖JavaScript，亲测能解决图片过大和页面适配的问题。

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