子元素字体大小随着父元素高度变化而变化的问题

[杨帆9527]

.div_title{margin-top:0px;width: 100%;height: 10%;background-color: blue;}

<div class="div_title">
	  <span class="div_title_span">  用  气  量  分  析</span>
</div>

上面是html里面的代码，我想把span里面的字体大小设置成父级元素高度的80%，并且画面放大或者缩小的时候，字体大小也随之变化，求大神教教怎么设置！谢谢

[萧逸才]

你换.rem试一下

[_林小夕]

用rem不能精确控制到父元素的80%； 想精确控制，用js. 获取父元素高度，然后*80%赋值给span的font-size. 一下代码基于jquery

    var s = parseFloat($(.div_title").css("height"))*0.8;
    $(".div_title_span").css("font-size",s);

[杨帆9527]

引用 2 楼 gumeng812 的回复:

用rem不能精确控制到父元素的80%； 想精确控制，用js. 获取父元素高度，然后*80%赋值给span的font-size. 一下代码基于jquery

    var s = parseFloat($(.div_title").css("height"))*0.8;
    $(".div_title_span").css("font-size",s);

谢谢