关于移动适配方案,在网上我们经常看见网易和淘宝关于对移动WEB适配问题的解决方案的文章,有时候经常开发一些H5页面,经常要重写一下head,下面就是自己常用的html模板,配合sublime的cssrem,还是比较好用,简单记录一下,只为了方便自己用。

代码如下:

cssrem配置

{
    
    "px_to_rem": 100,  // px转rem的单位比例,默认为40
    "max_rem_fraction_length": 4,  // px转rem的小数部分的最大长度。默认为6。
    "available_file_types": [".css"]  //- 启用此插件的文件类型。默认为:[".css", ".less", ".sass"]
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>适配模板</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script>
    	(function(){
			var deviceWidth = document.documentElement.clientWidth;
			if(deviceWidth > 750) deviceWidth = 750;
			document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
		})()
    </script>
</head>
<body>
    
</body>
</html>
更多阅读请查看:

网易和淘宝移动 WEB 适配方案再分析