移动端开发时所需加入的3个meta标签和网页的各种宽高

一、3个常用的meta标签

1. 

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
如果IE浏览器安装了GCF(chrome插件)，则使用GCF来渲染页面，如果未安装GCF，则使用最高版本的IE内核进行渲染。
2.

meta name="format-detection" content="telephone=false"
格式化探索，防止iphone6将数字2016解析为电话号码 
3.

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
视口，设置视口宽度等于设备宽度；设置初始缩放、最小缩放、最大缩放都为1；设置用户不能控制页面缩放
二、页面的各种宽高

	console.log("网页可见区域宽：" + document.body.clientWidth);
	console.log("网页可见区域高：" + document.body.clientHeight);
	console.log("网页可见区域宽：" + document.body.offsetWidth );（包括边线的宽）
	console.log("网页可见区域高：" + document.body.offsetHeight);（包括边线的宽）
	console.log("网页正文全文宽：" + document.body.scrollWidth);
	console.log("网页正文全文高：" + document.body.scrollHeight);
	console.log("网页被卷去的高：" + document.body.scrollTop);
	console.log("网页被卷去的左：" + document.body.scrollLeft);
	console.log("网页正文部分上：" + window.screenTop);
	console.log("网页正文部分左：" + window.screenLeft);
	console.log("屏幕分辨率的高：" + window.screen.height);
	console.log("屏幕分辨率的宽：" + window.screen.width);
	console.log("屏幕可用工作区高度：" + window.screen.availHeight);
	console.log("屏幕可用工作区宽度：" + window.screen.availWidth);

视口，设置视口宽度等于设备宽度；设置初始缩放、最小缩放、最大缩放都为1；设置用户不能控制页面缩放