如何调整包括图像在内的 webview 内容的大小以适应水平边界
How to resize webview contents including images to fit bounds horizontally
我的应用程序上有一个 WKWebView。如果网页视图包含大图像，它会溢出屏幕，用户必须水平滚动。
如何强制 webview 裁剪内容（根据需要调整图像大小）以适应容器的边界？
@mistahenry 的评论对我有用：
相对宽度，即width: 100%。您只需要在 html 中也设置 <meta name="viewport" content="width=device-width, initial-scale=1">。如果您的 webview 是屏幕宽度的 100%，这应该可以正常工作。本质上，您需要将 CSS 中的图像限制为相对于外部容器
我的应用程序上有一个 WKWebView。如果网页视图包含大图像，它会溢出屏幕，用户必须水平滚动。
如何强制 webview 裁剪内容（根据需要调整图像大小）以适应容器的边界？
@mistahenry 的评论对我有用：
相对宽度，即width: 100%。您只需要在 html 中也设置 <meta name="viewport" content="width=device-width, initial-scale=1">。如果您的 webview 是屏幕宽度的 100%，这应该可以正常工作。本质上，您需要将 CSS 中的图像限制为相对于外部容器