viewport的使用

        咱们每个人的手机都有不同的分辨率，不同的屏幕大小，如何使我们开发的应用或页面大小能适合各种高端手机使用？学习html5 viewport就能帮助我们实现这一点.
  

<meta name="viewport" 
content="width=devbice-width,
initial-scale=1.0,
maxinum-scale=5.0,
user-scalable=0">

其中，

1. width=devbice-width；设置宽度为屏幕宽度
2. maxinum-scale=5.0；设置最大缩放比例0.25-10.0
3. mininum-scale=5.0；设置最小缩放比例0.25-10.0
4. user-scalable=0；禁止用户捏合
5.  width=device-width   height-device-height；设置宽度为屏幕的宽度，高度为屏幕的高度，可以设置一个固定的值但是尽可能不这样使用。
6. 设置为设备的宽度：device-width；height是设置高度使用的，我们很少使用。
7. initial-scale-1.0；设置初始化的缩放比例。
8. masximum-scale=1.0  mininum-scale=1.0；设置最大缩放比和最小缩放比，值的范围是0.25-10.0
9. user-scale=0    user-scale=no；是否允许用户进行缩放网页。他的分为值 yes（默认）/1和no/0；如果设置为no,name minimum-scale和maxmum-scale将被忽略，因为不允许缩放