PC端网页在手机端全屏展示改造

为了让PC端网页在手机端全屏展示，一般首先想到的是清除浏览器的默认设置边距。

* {
	padding: 0;
	margin: 0;
}

但是不建议使用以上写法，尤其是较大的网站，会极大的消耗资源，所以不建议全局使用*。
一般会写具体的元素，如：

body {
	padding: 0;
	margin: 0;
}

如果元素较多，也建议具体列出：

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
	padding: 0;
	margin: 0;
}

另外，页面所显示元素的比例不正确，还要在网页head中添加：

<meta name="viewport" content="width=device-width,initial-scale=1.0" />

viewport 指的是网页的可视区域，更详细的参数：
width=device-width,initial-scale=1.0 ： 表示的是显示窗口的宽度等于设备的屏幕宽度，initial-scale=1.0，即初始的缩放比例为1.0；
minimum-scale ： 表示的是允许缩放的最小比例；
maximum ： 表示的是允许缩放的最大比例；
user-scalable ： 表示是否允许用户进行页面的缩放，值可以为yes或者no。

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />