首页 > 最近在自学前端,viewport 这个一般怎么用的

最近在自学前端,viewport 这个一般怎么用的

我不知道 viewport这个东西,一般是怎么用的,用在什么情况,是适配吗?


移动前端中常说的 viewport (视口)就是浏览器显示页面内容的屏幕区域。
更多请看:http://www.css88.com/archives/5975


<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0">

这一句声明用在需要在移动端展示的页面里。与移动端页面宽度与缩放有关,content内容的含义依次为:

width=device-width 页面宽度等于设备宽度
initial-scale=1 初始缩放倍数为1倍
maximum-scale=1 最大缩放1倍
minimum-scale=1 最小缩放1倍
user-scalable=no 不允许缩放页面大小

这样设置之后,代表的意思就是不允许用户通过手指的动作来缩放页面大小,页面宽度始终与设备宽度相等。

【热门文章】
【热门文章】