视口 viewport

手机有不同的分辨率，不同的屏幕大小，如何使我们开发的应用或页面大小能适合各种高端手机的使用？学习html5 viewport能帮助我们实现这一点，且在Android中还支持。
语法：

详解：
width=device-width：设置宽度为屏幕宽度
maximum-scale=10.0：设置最大缩放比例，值0.25-10.0
minimum-scale=1.0：设置最小缩放比例，不能小于初始化的比例，值0.25-10.0
width=device-width / height=device-height：
设置宽度为屏幕宽度 / 设置高度为屏幕的高度。
可以设置一个固定的值，尽可能不要这样使用。
设置为设备的宽度：device-width。
height是设置高度使用的，我们很少使用。
initial-scale=1.0：设置初始化的缩放比例
user-scalable=no / user-scalable=0：是否允许用户缩放页面，值为 yes(默认)或1、no/0，如果设置为no，那么maximum-scale和minimum-scale将被忽略，因为不允许缩放。
实例：

    
        
        

        
        
        
        
        
        
        

        
        
        
        

        
        
        
        
        
        
        
        
    
    
        

            马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博
            马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博
            马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博
            马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博
            马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博
            马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博马艺博