代码之家  ›  专栏  ›  技术社区  ›  Attila O.

相对于父框高度的字体大小

  •  2
  • Attila O.  · 技术社区  · 14 年前

    我有块级元素 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 事件开始),文本变得太大。

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

    2 回复  |  直到 12 年前
        1
  •  1
  •   Marko    14 年前

    body {
        -webkit-text-size-adjust: none;
    }
    
        2
  •  0
  •   Community CDub    8 年前

    from here

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

    Mark