当前位置: 首页 > 知识库问答 >
问题:

字体大小反应自然

慕容光启
2023-03-14

在反应原生应用程序中,处理字体大小的最佳方法是什么。

我有一个奇怪的问题,如果字体大小从移动设备显示设置增加,它也会改变应用程序的字体大小。我使用过字体Size:14(无论什么值),所以它根据移动设备字体大小选择大小14

我还尝试使用宽度和高度调整字体大小,但它在所有设备上看起来也不好。

const WIDTH = Dimensions.get('window').width;
const HEIGHT = Dimensions.get('window').height;

共有1个答案

凌轶
2023-03-14

将allowFontScaling={false}添加到Text将忽略设备字体缩放。

 <Text allowFontScaling={false}  style={styles.TitleText}>
           {this.state.testLabel.toUpperCase()}
            </Text>
 类似资料:
  • 我正在用Expo和React Native开发平板电脑应用程序(Android和iOS)。 我设法使布局响应而又没有遇到任何问题。在不同大小的设备上运行该应用程序后,我注意到我忘记了字体大小的响应能力。 我尝试了我能找到的所有npm库(、

  • 问题内容: 我已经使用 Zurb Foundation 3 网格创建了一个站点。每个页面都有一个大的: 当我将浏览器调整为移动大小时,大字体不会调整,并导致浏览器包含水平滚动条以适应大文本。 我注意到在 Zurb Foundation 3 Typography示例页面上,标题在压缩和扩展时适应浏览器。 我是否真的缺少明显的东西?我该如何实现? 问题答案: 在调整浏览器窗口时,就不会这样回应。相反,

  • 我使用Zurb Foundation3网格创建了一个站点。每个页面都有一个大的: null null 当我将浏览器的大小调整为移动大小时,大字体不会调整,并导致浏览器包括一个水平滚动以适应大文本。 我注意到,在Zurb Foundation 3排版示例页面上,头适应浏览器的压缩和扩展。 我是不是错过了一些很明显的东西?我如何实现这一点?

  • 在CSS中,通过 font-size属性来设置元素中所包含文本的字体大小。如果一个元素没有显式定义font-size属性,则会自动继承父元素的 font-size属性的计算结果。 定义 font-size 时,可以使用预定义关键字、绝对尺寸、相对尺寸: 1)预定义关键字 预定义关键字有 xx-small、x-small、small、medium、large、x-large、xx-large,尺寸按

  • 请问react native如何处理或者做响应式字体?例如,在iphone 4s中,我的字体大小是:14,而在iphone 6中,我的字体大小是:18。

  • 问题内容: 我一直试图(徒劳地)建立一个页面,当我更改窗口大小时,其元素将重新调整大小。我可以在CSS中使用它来处理图像,但是没有问题,但是我似乎无法在文本上完成相同的操作,而且我不确定在CSS中是否有可能。而且我似乎找不到能完成此任务的jQuery脚本。 当用户调整窗口大小时,我实质上希望页面能够动态流畅地缩放,而无需用户调用页面缩放。通过css在我的img div上这可以正常工作,但对于文本则