做手机移动网站必必要晓得的viewport
发布时间:06/10 来源:未知 浏览:
关键词:
当你用手机阅读器打开传统网站是,手时机默许以980像素的大小显示页面,虽然可以显示全部,但是全部都缩小了,看起来非常不清晰,需要部分放大才能看清,这样的会员体验显明不能知足需求,于是方维网络教大家怎样运用好viewport,不光safari阅读器,其他阅读器也支撑,他可以让手机用牢固的像从来显示页面,这样就可以完善解决这个题目。
那么怎样运用viewport呢?viewport是网页meta中定义的,其主要作用是适合移动设施的屏幕大小。如下列代码
该代码的作用是指定页面宽度为设施的宽度,缩放比例为1:1,不允许会员缩放大小。
其中width指定虚拟窗口的屏幕宽度大小
height指定虚拟窗口的屏幕高度大小
initial-scale指定初始缩放比例
maximum-scale指定允许会员缩放的最大比例
maximun-scale指定允许会员缩放的最小比例
user-scalable指定是否允许手动缩放