全国

切换城市

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

发表日期:2018-02-07 17:41:56 文章编辑:互联网 浏览次数:6

当你用手机浏览器打开传统网站是,手机会默认以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指定是否允许手动缩放

特别提示:部分资源信息来源于网络,如您发现侵犯您的权利,请联系我们删除。
建站相关资讯
最新资讯

建站相关案例

建站服务流程 Service Process

凭借多年的项目经验,与客户一起沟通,从客户的角度发现问题,找到良好解决方案。
  • 01
    需求收集
  • 02
    项目报价
  • 03
    项目立项
  • 04
    创意设计
  • 05
    程序开发
  • 06
    客户审核
  • 07
    客户验收
  • 08
    后期维护