文章/答案/技术大牛

发布

社区首页 >问答首页 >react-native-webview : iOS文本太小

问react-native-webview : iOS文本太小
EN

Stack Overflow用户

提问于 2019-03-05 15:20:28

回答 2查看 9.5K关注 0票数 22

我使用过react-native-webview来渲染超文本标记语言文本。但是文本在iOS中太小了，而在安卓中却很完美。

下面是几行代码：

import { WebView } from "react-native-webview";


render() {
  <WebView
        originWhitelist={['*']}
        source={{ html: '<p>This is a static HTML source!</p>' }}
  />
}

附加截图：

react-native

react-native-ios

react-native-webview

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-03-05 15:54:33

使用viewport meta标记控制移动浏览器上的布局

<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

票数 58

Stack Overflow用户

发布于 2019-11-06 21:10:00

此外，对于<meta>，您可以将<style>标记添加到<head>部分以缩放字体：

<style>
    body { font-size: 120%; word-wrap: break-word; overflow-wrap: break-word; }
</style>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54997381

复制

相似问题

问react-native-webview : iOS文本太小
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问react-native-webview : iOS文本太小EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问react-native-webview : iOS文本太小
EN