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