设定viewport元素
现在智能手机已经非常普及了，智能手机上也有浏览器，可以打开网站的网页。为了能让网页也能在手持设备上正常显示，就需要在网页中加入一些相关设置，首先需要加入的是meta元信息viewport，也称为视口。viewport是在<head>标记内定义的元信息的一种，专用于手持终端浏览器中，而在桌面浏览器中不会被解析，也就是不起作用。
viewport就是一个虚拟窗口，一般常用的属性有width、height、initial-scale、maximum-scale、user-scaleable等：
width：设置viewport的宽度，默认为980，允许取值范围200~10000
height：设置viewport的高度，默认值是通过宽度和设备宽高比计算得到的，允许取值范围223~10000
initial-scale：设置viewport的初始比例，默认是通过计算使得整个页面在可见区域内，范围由mininum-scale和maximum-scale决定
maximum-scale：设置viewport的最大比例，默认5.0，允许取值范围为0~10.0
user-scaleable：决定用户是否可以缩放视图，还可以防止文本开始输入时的滚动
一般的viewport宽度会设置为与设备的宽度相同，这样配合CSS方便适应不同的设备。一般常用的设置格式为：
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
大多数情况下，这样设置最好。当然在有特殊要求时可以进行其他设置。