<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>hello</title>
</head>
<body>
hello world !!!
</body>
</html>
==========================================================
<meta name="viewport" content="width=device-width, initial-scale=1.0">
文档宽度为设备宽度，初始缩放比例为1
width:设置布局viewport的特定值【device-width】
initial-scale:设置页面的初始缩放
minimum-scale:设置页面的最小缩放
maximum-scale:设置页面的最大缩放
user-scaleable:用户能否缩放
<meta http-equiv="X-UA-Compatible" content="ie=edge">
告诉浏览器以何种方式渲染页面，此处为使用ie最新的引擎渲染网页
原文：http://www.cnblogs.com/chentingjun/p/6831985.html