全网最简单的html5移动端适配代码（不到十行代码）

全网最简单的html5移动端适配代码（不到十行代码）

用不到十行代码解决html5移动端适配问题

没有适配前：没有进行适配之前在pixel2的移动端是没有适配效果的，两边的背景没有撑满整个屏幕

这是一个立即执行函数，加载完立即会调用，不用自己调用

js代码

(function(){
	var calc = function(){
		//获取文档的元素赋值给docElement保存
		var docElement = document.documentElement;
		//如果页面的宽度大于750px 那么让它等于750px 否则返回页面的宽度 最后赋值保存到定义的clientWidthValue
		var clientWidthValue = docElement.clientWidth>750?750:docElement.clientWidth;
		//设置字体比例
		docElement.style.fontSize= 16*(clientWidthValue/375)+'px';
	}
	calc();//调用函数
	window.addEventListener('resize',calc);//全局执行事件（自定义屏幕尺寸）
})()

用法也很简单，直接在html文件引用即可

引用适配代码后的效果如下：

还是同一个移动端，但是已经可以完美适配了，两边也不会留白。