懂你所需,做你所想
当前位置:首页 > 新闻中心 > 手机网站 > 做手机移动网站必须要知道的viewport

做手机移动网站必须要知道的viewport

发表日期:2014-02-05文章编辑:方维网络浏览次数:2032 标签: viewport    手机网站建设    

当你用手机浏览器打开传统网站是,手机会默认以980像素的大小显示页面,虽然可以显示全部,但是全部都缩小了,看起来非常不清晰,需要局部放大才能看清,这样的用户体验明显不能满足需求,于是方维网络教大家如何使用好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指定是否允许手动缩放

如没特殊注明,文章均为方维网络原创,转载请注明来自http://www.szfangwei.cn/news/2129.html
相关新闻

构建手机网站神器-JqueryM...

做过网站前端设计的,相信都知道Jquery,是一个非常出色的...

日期:2014-02-05 浏览次数:2287

HTML5手机网站制作方式和...

html5和手机网站都是时下发展的趋势和方向1)html5是一种新兴...

日期:2014-02-05 浏览次数:2936

如今智能手机都能浏览普通...

近几年智能手机飞速发展,移动互联网发展迅猛,智能手机基本都...

日期:2014-02-05 浏览次数:1941

HTML5手机网站开发页面宽...

相信大家都知道,现在市面上手机的屏幕尺寸多种多样,2.8寸、3.0...

日期:2014-02-05 浏览次数:21793