viewport

Posted 木槿惜年

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了viewport相关的知识,希望对你有一定的参考价值。

手机浏览器默认为我们做了两件事:

(1)页面渲染在一个980px(ios)的viewport

(2)缩放

为什么渲染时,要有viewport?--------为了排版正确

viewport分两种:

a.    visual viewport   ------窗口缩放:scale

b.    layout viewport

设计移动web 为什么不使用默认的980px的布局viewport?

a. 宽度不可控制,不同系统不同设备的默认值都可能不同

b. 页面缩小版显示,交互不友好

c. 链接不可点

d. 有缩放,缩放后又有滚动

font-size为40px等于PC上12px同等物理大小,不规范

以上是关于viewport的主要内容,如果未能解决你的问题,请参考以下文章