2

我有块级元素，其height属性设置在%. 在这些块级元素内部是<span>带有文本的 s。例子：

<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事件开始），文本变得太大。

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

4

2 回答 2

1

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

尝试设置这个

body {
    -webkit-text-size-adjust: none;
}
于 2010-10-11T10:39:59.243 回答
0

这将禁用旋转时的字体大小更改，这几乎解决了我的问题。从这里借来的。

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">

更新：按照马克的建议，从分号改为逗号。

于 2010-10-11T10:56:03.303 回答