HTML 使用rem值

我们在写手机页面时,为了使字体也跟着自适应大小,我们需要用到rem

首先

html{font-size: 100px;}
body{font-size:0.22rem ;}

 接着我们引入jquery.min.js   这个网上很多  

接着写入如下jq

//rem
(function(){
	var winW = $(window).width();
	if(winW>768){winW = 768;}
	$('html').css('font-size', winW / 7.5);
	$(window).resize(function() {
		winW = $(window).width();
		if(winW>768){winW = 768;}
		$('html').css('font-size', winW / 7.5);
	})
})();

 

posted @ 2017-01-18 17:30  智昕  阅读(1054)  评论(0编辑  收藏  举报