我有块级元素
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
事件开始),文本变得太大。
所以我的问题是,如何指定相对于父元素高度的文本大小?