ios - 在 React Native 中禁用放大 WebView 或 react-native-wkwebview
<p><p>有没有办法在 iOS 的 WKWebView 和 android 的 WebView 中禁用缩放？我正在使用 react-native-wkwebview-reborn。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>在 webview 中呈现的文档的头部粘贴在这个 meta 中:</p>
<pre><code><meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
</code></pre>
<p>例子:</p>
<pre><code><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
</head>
<body>
</body>
</html>
</code></pre>
<p>您可以将其注入(inject)到您的 webview 中。</p>
<pre><code>const SCRIPT = `
const meta = document.createElement('meta');
meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0');
meta.setAttribute('name', 'viewport');
document.head.appendChild(meta);
`;
<WebView injectedJavaScript={SCRIPT} />
</code></pre></p>
<p style="font-size: 20px;">关于ios - 在 React Native 中禁用放大 WebView 或 react-native-wkwebview，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/49121466/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/49121466/
</a>
</p>
页:
[1]