meta-viewport标签复习笔记

meta-viewport

viewport : 窗口

随着页面在手机上面的展示越来越多，按照以往在PC端上面的布局不再适用，这个时候一个专门针对移动网页优化过的页面meta-viewport标签就出现了。

meta-viewport标签大致如下：

<meta name = "viewport" content = " width = device-width, initial-scale = 1,maxsimum-scale = 1">

content 属性的值

属性	功能
width	控制 viewport 的大小，device-width指设备窗口的值
height	和width相同，指高度
initial-scale	初始缩放比例，也就是当页面第一次load的时候缩放的比例
maximum-scale	允许用户放大到最大比例
minimum-scale	允许用户缩小的最小比例
user-scalable	用户是否可以缩放

这里建我们在设置 meta-viewport 标签时直接去抄淘宝的移动端的设置，淘宝的meta 标签设置很好用。