移动web--rem 自适应

标签：元素   var   root   only   对比   web   win   function   标准   

rem 自适应--的两种方式: 

　　rem : font size of root element (根元素的字体大小)

　　em : font size of element (父元素的字体大小)

1. 基于css 即媒体查询的来进行屏幕自适应

　　基与移动端的标准尺寸  640px,各种常见的屏幕尺寸下字体大小

@media only screen and (min-device-width:320px) {

　　html {

　　　　font-size: 10px;

　　}

}

2. 基于js

$(window).on(‘resize‘, function(){

　　var width = $(‘html‘).width();

　　var fontSize = width/640 *100;

　　$(‘html‘).css(‘font-size‘, fontSize);

}).trigger(‘resize‘)

移动web--rem 自适应

标签：元素   var   root   only   对比   web   win   function   标准   

原文地址：https://www.cnblogs.com/noraZhang/p/10127543.html