2.Viewport

2.Viewport

手机浏览器默认做了两件事：

　　a.页面渲染在一个980px(IOS)/640px(android)的viewport

　　b.缩放

 

问：为什么渲染时，要有Viewport？

　　为了排版正确（先排版，后缩放）

 

viewpor分为两个

->窗口 viewport (缩放salce)

　　visual viewport（度量/视口）

->底层 viewport

　　layout viewport（布局）

 

问：为什么不使用默认980px(IOS)/640px(android)的布局viewport

　　宽度不可控制，不同系统不同设备的默认值可能不同

　　页面缩小版显示，交互不友好

　　链接不可点

　　有缩放，缩放后又有滚动

 

eg:

　　font-size:40px;等于PC上12px同等物理大小，不规范

 

正确方式：

　　利用<meta>标签

<meta name="viewport" content="name=value,name=value">