我们在写手机页面时,为了使字体也跟着自适应大小,我们需要用到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);
	})
})();

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-22
  • 2021-05-25
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-02
  • 2022-12-23
  • 2021-12-16
  • 2022-12-23
相关资源
相似解决方案