手机web不同屏幕字体大小高度自适应
Posted kbeer
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手机web不同屏幕字体大小高度自适应相关的知识,希望对你有一定的参考价值。
body{font-size:0.6rem;}
<script>
//使用rem策略,不断更新html的fontsize
(function(){
function sizeHtml(){
window.mtSizeBase = $(window).width()/16;
window.mtSizeBase = window.mtSizeBase>45?45:window.mtSizeBase;
$("html").css("font-size",window.mtSizeBase+"px");
}
sizeHtml();
$(window).resize(function(){
setTimeout(function(){
sizeHtml();
},300);
});
})();
</script>
以上是关于手机web不同屏幕字体大小高度自适应的主要内容,如果未能解决你的问题,请参考以下文章