你当前的位置:首页 > 新闻资讯 > 建站知识 > 手机站不得不知道的viewport

news

建站知识

联系我们
http://www.tzckj.cc
http://www.tzckj.net
Email:tc371@126.com
Mob:13384008811
TEL: 0371-60138211 / 66310779
郑州市航海东路富田东方广场53号楼26层705室

手机站不得不知道的viewport

作者:郑州网站建设 发布时间:2016-11-04 10:36:44 浏览次数: 本文来源:http://www.tzckj.net

   郑州网站建设公司郑州天之诚科技今天给您说一说手机站的小知识:当你用手机浏览器打开传统网站是,手机会默认以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指定是否允许手动缩放
 
郑州网站建设 郑州网站制作 郑州网站推广 郑州网站建设公司 郑州网站优化公司
  • 郑州源信遮阳棚网站制作与推广
  • 郑州鼎吉环保建材网站建设与推广
  • 多甜蜜集团电脑+手机网站建设
  • 深圳市科顺来科技公司-网站建设
  • 祭城社区 微信网站开发
  • 聚推牧业手机网站建设
  • 河南聚推牧业,电脑+手机网站站建设
  • PYROXENE仪器英文网站建设
  • 河南鹏远机电响应式网站建设
  • 河南园之艺装饰网站建设
版权所有 郑州天之诚科技有限公司     豫ICP备12022879号-1    豫公网安备 41010402002165号
地址:郑州市航海东路富田东方广场53号楼26层705室 电话:0371-60138211 传真:66310779   
网站建设在线咨询 网站建设在线咨询