手机网页中用来自适应或者计算网页中文字大小的方法

  •   
  • 3456
  • jQuery
  • 6
  • super_dodo
  • 2015/03/03

为了能够更好的适应适配网站,手机版本、pad版本以及电脑版本的不同分辨率。建议大家尽可能的使用em为字体大小的单位。但是遇到特殊情况下可以使用下面的方面进行计算适配文字的大小。

该方法需要放在head之间,该方法主要就是判断屏幕的分辨率进行对字体的大小分计算。直接上代码:


<script type="text/javascript">

//html root的字体计算应该放在最前面,这样计算就不会有误差了/
(function(){
	var clientWidth = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;

	if(clientWidth > 640) clientWidth = 640;

	document.documentElement.style.fontSize = clientWidth * 1/16+"px";
})();

</script>

陈旧的思想和方法可能会扼杀创新,请不要把孩子和洗澡水一起倒掉。