html - 如何调整包括图像在内的 webview 内容的大小以适应水平边界

Question

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

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

标签： htmliosswiftuser-experience

Answer 1

@mistahenry 的评论对我有用：

相对宽度，即width: 100%。你只需要<meta name="viewport" content="width=device-width, initial-scale=1">在你的html中设置。如果您的 webview 是屏幕宽度的 100%，这应该可以正常工作。本质上，您需要将 CSS 中的图像限制为相对于外部容器