iPad上的WKWebView水平滚动
Posted
技术标签:
【中文标题】iPad上的WKWebView水平滚动【英文标题】：WKWebView horizontal scrolling on iPad 【发布时间】：2018-12-28 16:22:47 【问题描述】：我有一个简单的 WKWebView 并将一个简单的 html 文档加载到其中。 问题是：如果文档的内容小于 WebView 的大小（例如，只有 5 行文本）- WebView 不仅可以垂直滚动，而且可以水平滚动。如果我添加了足够的文本并且它不适合 WebView - 一切都会好起来的，只有垂直滚动有效。 此问题仅在 iPad 上 且仅在横向 上观察到。
【问题讨论】：
【参考方案1】：如果你在 html 的 head 部分添加它，它应该会停止水平滚动
<head>
...
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
</head>
【讨论】：
您好，感谢您的解决方案。它在横向上完美运行，但在纵向上完全破坏了内容的大小。在 iPhone 和 iPad 上，文本变得更大。 CSS 中是否有此元标记的类似物，因此我只能将其应用于横向？ 尝试弄乱初始比例值【参考方案2】：尝试添加 - shrink-to-fit=no - 像这样 -
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
【讨论】：
以上是关于iPad上的WKWebView水平滚动的主要内容，如果未能解决你的问题，请参考以下文章