viewport的使用

viewport的使用

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

<meta name="viewport" content="width=devive-width,intial-scale=1.0,maximum-svale=5.0,user-sclable=0"

              width=device- -width     设置 宽度为屏幕宽度

              maximum-scale=1.0    设置最大缩放比例0.25-10.0                    

              maximum-scale=1.0   设置最小缩放比例0.25-10.0

              user-scalable=no  禁止用户捏合

              width=device -width/height=device- height设置宽度为屏幕的宽度/设置高度为屏幕的高度

                     可以设置一个固定的值

                     设置为设备的宽度:device-width

                     height是设置高度使用的，

              initial- -scale=1.0，设置初始化的缩放比例

              maximum-scale=1.0/minimum- scale=1.0设置最大缩放比和最小缩放比，值的范围是0.25-10.0

              user- scalable=0/user- -scalable=no  是否允许用户进行缩放网页值，yes(默认) / 1  no/0。如果设置为no,那么minimax- scale和maximum-scale将被忽略，因为不允许缩放