Html 如何调整webview内容（包括图像）的大小以适应水平边界

我的应用程序上有一个WKWebView。如果web视图包含大图像，它会溢出屏幕，用户必须水平滚动

---

如何强制webview剪裁内容（根据需要调整图像大小）以适应容器的边界？

@mistahenry的评论对我很有用：

---

相对宽度，即

宽度：100%

。您只需在html中设置

。如果您的webview是屏幕宽度的100%，这应该可以正常工作。基本上，您需要将CSS中的图像约束为相对于外部容器

您应该在CSS中执行此操作，并确保视口正确设置为webview的大小webview没有静态大小，它适合iphone的大小。有CSS命令吗？相对宽度，即

width:100%

。您只需在html中设置

。如果您的webview是屏幕宽度的100%，这应该可以正常工作。本质上，您需要将CSS中的图像约束为相对于外部容器的图像，这是有效的-谢谢！