[发明专利]一种基于多种移动终端界面的适配方法在审
申请号: | 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/,转载请声明来源钻瓜专利网。