|
有没有办法在 iOS 的 WKWebView 和 android 的 WebView 中禁用缩放？我正在使用 react-native-wkwebview-reborn。
Best Answer-推荐答案
在 webview 中呈现的文档的头部粘贴在这个 meta 中:
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
例子:
<!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>
您可以将其注入(inject)到您的 webview 中。
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} />
关于ios - 在 React Native 中禁用放大 WebView 或 react-native-wkwebview，我们在Stack Overflow上找到一个类似的问题：
https://stackoverflow.com/questions/49121466/
| 
客服电话
APP下载
官方微信
