react-native-webview：对于iOS文本太小
Pay*_*yar 4 react-native react-native-ios react-native-webview
我已经用于react-native-webview呈现HTML文本。但是在iOS中文本太小，而在android中则太完美了。
以下是代码行：
import { WebView } from "react-native-webview";
render() {
<WebView
originWhitelist={['*']}
source={{ html: '<p>This is a static HTML source!</p>' }}
/>
}
附屏幕截图：
Pay*_*yar 10
使用视口元标记控制移动浏览器上的布局
<meta name="viewport" content="width=device-width, initial-scale=1">
<WebView
originWhitelist={['*']}
source={{ html: '<html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><p>This is a static HTML source!</p></body></html>' }}
/>
链接：https : //github.com/react-native-community/react-native-webview/issues/386
- 根据我的经验，HTML 代码应该具有有效的 DOCTYPE 和 html 结构以在 web 视图中呈现。如果您的内容只是“正文部分”，请使用带有 DOCTYPE 注释的 html 和正文结构包装它以正确呈现。像`<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body>${yourHtml}</body ></html>` (2认同)
| 归档时间： |
|
| 查看次数： |
1103 次 |
| 最近记录： |