定制网站
智慧网站
外贸独立站
新零售社交电商系统
微网站
企业微信开发
h5营销
公众号开发
小程序定制
新零售商城小程序
积分小程序
智慧小程序
定制AI应用开发
AI客服智能体
营销智能体
销售智能体
智慧园区
物流TMS管理系统
企业资产管理系统
安全生产信息化管理
GEO优化
SEO优化
新媒体
短视频
出海社媒运营
域名注册
企业邮箱
云服务器
维护运营
SSL证书
等保服务
云OA系统
CRM开发
品牌网站解决方案
集团公司解决方案
商城网站解决方案
在线教育解决方案
新零售商城系统
基础商城小程序
企业积分福利商城
智慧园区
物流MES系统
物业合同管理
4008-520-635
做手机移动网站必须要知道的viewport
- 2017-07-05 16:31:36
- 6801
当你用手机浏览器打开传统网站是，手机会默认以980像素的大小显示页面，虽然可以显示全部，但是全部都缩小了，看起来非常不清晰，需要局部放大才能看清，这样的用户体验明显不能满足需求，于是新商务互联教大家如何使用好viewport，不但safari浏览器，其他浏览器也支持，他可以让手机用固定的像素来显示页面，这样就可以完美解决这个问题。
那么如何使用viewport呢？viewport是网页meta中定义的，其主要作用是适合移动设备的屏幕大小。如以下代码
该代码的作用是指定页面宽度为设备的宽度，缩放比例为1:1，不允许用户缩放大小。
其中width指定虚拟窗口的屏幕宽度大小
height指定虚拟窗口的屏幕高度大小
initial-scale指定初始缩放比例
maximum-scale指定允许用户缩放的最大比例
maximun-scale指定允许用户缩放的最小比例
user-scalable指定是否允许手动缩放
那么如何使用viewport呢？viewport是网页meta中定义的，其主要作用是适合移动设备的屏幕大小。如以下代码
该代码的作用是指定页面宽度为设备的宽度，缩放比例为1:1，不允许用户缩放大小。
其中width指定虚拟窗口的屏幕宽度大小
height指定虚拟窗口的屏幕高度大小
initial-scale指定初始缩放比例
maximum-scale指定允许用户缩放的最大比例
maximun-scale指定允许用户缩放的最小比例
user-scalable指定是否允许手动缩放
未经允许不得转载，或转载时需注明出处：茄番番 » 做手机移动网站必须要知道的viewport
新闻分类
热门文章
热门标签
关注我们
-
咨询
-
公众号