[发明专利]一种移动端前端开发多屏适配方法在审
| 申请号： | 201610222577.6 | 申请日： | 2016-04-11 |
| 公开（公告）号： | CN105912336A | 公开（公告）日： | 2016-08-31 |
| 发明（设计）人： | 何中;鞠海林;戴建峰;严伟;顾永新;张龙;徐晓辉 | 申请（专利权）人： | 江苏中威科技软件系统有限公司 |
| 主分类号： | G06F9/44 | 分类号： | G06F9/44;G06F17/30 |
| 代理公司： | 北京驰纳智财知识产权代理事务所(普通合伙) 11367 | 代理人： | 蒋路帆 |
| 地址： | 226007 江苏省南通*** | 国省代码： | 江苏;32 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | 本发明提供了一种移动端前端开发多屏适配方法，具体包括以下步骤：步骤1：通过JavaScript获取移动端屏幕的设备像素缩放比值；步骤2：根据步骤1中获得的设备像素缩放比值对应调整页面属性；步骤3：加载不同尺寸的图片，并生成视觉稿；步骤4：前端开发时通过Sass的函数和混合宏将视觉稿中弹性元素的单位进行转换，并生成最终效果图。本发明将移动端的页面内任何需要弹性适配的元素的尺寸均换算为rem进行布局；当页面渲染时，根据页面有效宽度进行计算，并对应调整rem的大小，动态缩放以达到适配的效果，有效解决了因为页面宽度固定，无法满足大小屏展示效果的问题。 | ||
| 搜索关键词： | 一种 移动 前端 开发 多屏适 配方 | ||
【主权项】：
一种移动端前端开发多屏适配方法，其特征在于：包括以下步骤：步骤1：通过JavaScript获取移动端屏幕的设备像素缩放比值；步骤2：根据步骤1中获得的设备像素缩放比值对应调整页面属性；步骤3：加载不同尺寸的图片，并生成视觉稿；步骤4：前端开发时将视觉稿中的弹性元素的单位进行转换，并生成最终效果图。
下载完整专利技术内容需要扣除积分，VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于江苏中威科技软件系统有限公司，未经江苏中威科技软件系统有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/patent/201610222577.6/，转载请声明来源钻瓜专利网。
