[发明专利]一种基于多种移动终端界面的适配方法在审

专利信息
申请号: 201710980980.X 申请日: 2017-10-20
公开(公告)号: CN107797801A 公开(公告)日: 2018-03-13
发明(设计)人: 蔡璟;潘留兴;杜文辉;王昕宇 申请(专利权)人: 江苏电力信息技术有限公司;国网江苏省电力公司
主分类号: G06F8/38 分类号: G06F8/38
代理公司: 南京汇盛专利商标事务所(普通合伙)32238 代理人: 陈扬
地址: 210024 江苏省*** 国省代码: 江苏;32
权利要求书: 查看更多 说明书: 查看更多
摘要: 发明公开了一种基于多种移动终端界面的适配方法,通过利用viewport、css、rem和设置字体大小,实现移动应用开发的多移动终端界面适配控制 viewport 的大小,指定viewport的宽度和高度;将viewport的target‑densitydpi设置为device‑dpi,页面将根据当前屏幕的像素密度进行展示,结合步骤1),则页面将与屏幕相适应;将viewport分成10rem,并计算出1rem在当前浏览器的像素值,把它赋予html标签的font‑size;写CSS代码时,遇到要适配的地方,不再用px,改成用rem JS和Html。本发明实现移动应用开发的多移动终端界面适配,提高了移动应用界面的清晰度,提升了移动应用界面适配效率。
搜索关键词: 一种 基于 多种 移动 终端 界面 配方
【主权项】:
一种基于多种移动终端界面的适配方法,其特征在于:该方法通过利用viewport、css、rem和设置字体大小,实现移动应用开发的多移动终端界面适配,具体如下:1)控制 viewport 的大小,指定viewport的宽度和高度;2)为了避免手机浏览器和WebView 根据不同屏幕像素密度对页面进行缩放,将viewport的target‑densitydpi设置为device‑dpi,页面将根据当前屏幕的像素密度进行展示,结合步骤1),则页面将与屏幕相适应;3)将viewport分成10rem,并计算出1rem在当前浏览器的像素值,把它赋予html标签的font‑size;4)写CSS代码时,遇到要适配的地方,不再用px,改成用rem JS和Html。
下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于江苏电力信息技术有限公司;国网江苏省电力公司,未经江苏电力信息技术有限公司;国网江苏省电力公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/patent/201710980980.X/,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top