流式布局 移动端使用开始APP

流式布局 移动端使用开始APP

• viewport：是一个虚拟的区域，承载网页(视觉窗口，移动端特有)
  • 意思是：写的代码网页 通过viewport放到手机屏幕端 来适配手机的大小
• 适配方案
  • 1.网页内容的宽度和浏览器一样
  • 2.默认显示缩放比例和pc端保持一致（缩放比例1.0）
  • 3.不允许用户自行缩放网页

 <meta name="viewport"> 设置视口的标签 必须在head里面并且应该紧挨着编码设置
  viewport的功能：
                       1.width 宽度
                       2.height 高度
                       3.inital-scale 默认缩放比例
                       4.user-scalable 是否允许用户自行缩放
                       5.maximum-scale 最大缩放比例
                       6.minimum-scale 最小缩放比例

                       <meta name="viewport" content= "">  content是以上参数
                       1.device-width 当前设备的宽度
                       2.inital-scale = 1.0 默认缩放比例
                       3.user-scalable = yes||no 不允许用户自行缩放
                       4.

                       多个属性之间用逗号隔开