当你用手机浏览器打开传统网站是,手机会默认以980像素的大小显示页面,虽然可以显示全部,但是全部都缩小了,看起来非常不清晰,需要局部放大才能看清,这样的用户体验明显不能满足需求,于是BG大游集团教大家如何使用好viewport,不但safari浏览器,其他浏览器也支持,他可以让手机用固定的像素来显示页面,这样就可以完美解决这个问题。
那么如何□□□使用viewport呢?viewport是网页meta中定义的,其主要作□□用是适合▽移动设备□□的屏幕大□□小。如以下代□□码
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
该代码的□□□□作用是指◢定页面宽▽度为设备□□□□的宽度,缩放比例□□为1:1,不允许用□□户缩放大□□□□小。
其中width指定虚拟◎窗口的屏□□□□幕宽度大◢小
height指定虚拟□□□窗口的屏□□□幕高度大□□小
initial-scale指定初始□□缩放比例
maximum-scale指定允许□□□用户缩放□□的最大比□□例
maximun-scale指定允许◎用户缩放△的最小比□□例
user-scalable指定是否□□□□允许手动□□缩放