如何调整Webview内容的大小，包括图像以水平适应边界

Question

我在我的应用上有一个WKWebView。如果网络视图包含大图像，则屏幕会溢出，并且用户必须水平滚动。

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

Answer 1

@@ mistahenry的评论对我有用：

相对宽度，即width: 100%。您只需要在html中设置<meta name="viewport" content="width=device-width, initial-scale=1">。如果您的网络视图是屏幕宽度的100％，则应该可以正常工作。本质上，您需要将CSS中的图片约束为相对于外部容器而言]