做手机移动网站必须要知道的viewport_艾迪网络

当前位置:首页 > 资讯动态 > 行业资讯

做手机移动网站必须要知道的viewport
www.xaidea.cn 更新时间:2014/9/10 10:13:30 流量: 编辑:西安网站制作,西安网络公司

当你用手机浏览器打开传统网站是,手机会默认以980像素的大小显示页面,虽然可以显示全部,但是全

部都缩小了,看起来非常不清晰,需要局部放大才能看清,这样的用户体验明显不能满足需求,于是方维

网络教大家如何使用好viewport,不但safari浏览器,其他浏览器也支持,他可以让手机用固定的像素来

显示页面,这样就可以完美解决这个问题。

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

下代码

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

其中width指定虚拟窗口的屏幕宽度大小
height指定虚拟窗口的屏幕高度大小
initial-scale指定初始缩放比例
maximum-scale指定允许用户缩放的最大比例
maximun-scale指定允许用户缩放的最小比例
user-scalable指定是否允许手动缩放


文章出自:
西安网站建设,西安网站设计,西安做网站,西安手机网站建设,西安网站制作,西安企业网站建设,西安网络推广,西安seo,西安网络公司,西安网站建设公司,西安做网站的公司

上一篇:搜狗搜索接入微信公众号数据 可搜公众号文章       下一篇:如今智能手机都能浏览普通网站,为啥还要设计手机网站

西安网站建设,西安网站制作,西安做网站,西安网络公司

西安艾迪网络科技有限公司

提供一站式企业信息化解决方案,专业网站建设、移动互联网

电话:183-9287-5228 (微信)  在线咨询QQ : 2019993409

公司地址:西安市高新区沣惠南路唐沣国际广场C座

西安艾迪网络科技有限公司,陕ICP备14003831号-1

法律顾问:西安律轩法律服务公司

  • 售前咨询点击这里给我发消息
  • 售前咨询点击这里给我发消息
  • 备案客服点击这里给我发消息
  • 售后服务点击这里给我发消息
  • 技术支持点击这里给我发消息