gpt4 book ai didi

css - 字体大小相对于父框高度

转载 作者:行者123 更新时间:2023-11-28 12:26:51 25 4
gpt4 key购买 nike

我有 block 级元素及其 height % 中设置的属性.这些 block 级元素内部是 <span>带文字。示例:

<body style="height: 100%;">
<menu style="height: 10%;">
<button style="display: block; height: 100%;">
<span style="font-size: 4em; line-height: 200%;">text</span>
</button>
</menu>
</body>

这在移动浏览器上看起来相当不错,除了当我旋转设备时(即,一旦 body.onorientationchange 事件开始),文本变得太大。

所以我的问题是,如何指定相对于父元素高度的文本大小?

最佳答案

我在 iPhone 上遇到过类似的问题,不是高度导致问题,而是移动 webkit 的一个选项。

尝试设置这个

body {
-webkit-text-size-adjust: none;
}

关于css - 字体大小相对于父框高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3905401/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com