0
点赞
收藏
分享

微信扫一扫

viewport简介

viewport 概念

viewport就是浏览器上用来显示网页的区域。分为三种:

layout viewport 整个网页所占据的区域
visual viewport 网页在浏览器上的可视区域
ideal viewport 完美适应移动端的viewport
  • ideal viewport 并没有一个固定的尺寸,不同的设备拥有不同的ideal viewport。即屏幕的宽度。
关于viewport的延伸

由于默认的viewport是layout viewport,而移动设备的可视区域比PC要小,所以页面移动设备上的字体会很小或出现横向滚动条。

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no"
  • width=device-width能使所有浏览器当前的viewport宽度变成ideal viewport的宽度。
  • initial-scale=1.0是将页面的初始缩放值设为1(1其实就是没有缩放)。
  • maximum-scale是允许用户的最大缩放值。
  • user-scalable是指是否允许用户进行缩放。
举报

相关推荐

0 条评论