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

2017-07-05分类:手机网站编辑:新商务互联阅读(3020)
当你用手机浏览器打开传统网站是,手机会默认以980像素的大小显示页面,虽然可以显示全部,但是全部都缩小了,看起来非常不清晰,需要局部放大才能看清,这样的用户体验明显不能满足需求,于是新商务互联教大家如何使用好viewport,不但safari浏览器,其他浏览器也支持,他可以让手机用固定的像素来显示页面,这样就可以完美解决这个问题。

那么如何使用viewport呢?viewport是网页meta中定义的,其主要作用是适合移动设备的屏幕大小。如以下代码

该代码的作用是指定页面宽度为设备的宽度,缩放比例为1:1,不允许用户缩放大小。

其中width指定虚拟窗口的屏幕宽度大小
height指定虚拟窗口的屏幕高度大小
initial-scale指定初始缩放比例
maximum-scale指定允许用户缩放的最大比例
maximun-scale指定允许用户缩放的最小比例
user-scalable指定是否允许手动缩放
未经允许不得转载,或转载时需注明出处:新商务互联 » 做手机移动网站必须要知道的viewport
分享到:更多(0)
  • 诚信交易,用心服务

    诚信 用心 专业 倾心

  • 一对一沟通服务

    线上线下一对一

  • 项目人员具体化配置

    保证项目进度、质量、 维护、稳定

  • 7X24小时售后服务

    86-021-51873035

copyright © 2008 - 2018 new35.com. All Rights Reserved. 沪ICP备17000932号-4

上海茄番信息科技有限公司 版权所有 沪公网安备 31011502005249号  

友情链接:wdcp