[发明专利]一种界面显示方法和装置在审
| 申请号： | 201810213382.4 | 申请日： | 2018-03-15 |
| 公开（公告）号： | CN108573027A | 公开（公告）日： | 2018-09-25 |
| 发明（设计）人： | 马哲;邢航 | 申请（专利权）人： | 北京雷石天地电子技术有限公司 |
| 主分类号： | G06F17/30 | 分类号： | G06F17/30 |
| 代理公司： | 北京卓岚智财知识产权代理事务所(特殊普通合伙) 11624 | 代理人： | 王新月 |
| 地址： | 100101 北京市*** | 国省代码： | 北京;11 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 目标网页 适配 方法和装置 布局方式 界面显示 网页内容 安全区域 方案解决 高效实现 技术效果 可视窗口 显示界面 主体区域 可视窗 显示屏 | ||
1.一种界面显示方法，其特征在于，包括：
通过viewport-fit设置目标网页在可视窗口中采用网页内容完全覆盖可视窗口的布局方式；
通过constant将所述目标网页的网页内容的主体区域限定在显示界面的安全区域中；
对所述目标网页底部的fixed元素进行适配；
通过设置的布局方式、限定的显示界面和适配的fixed元素对所述目标网页在显示屏中进行显示。
2.根据权利要求1所述的方法，其特征在于，通过设置的布局方式、限定的显示界面和适配的fixed元素对所述目标网页在显示屏中进行显示，包括：
确定所述显示屏所在终端的机型是否为目标机型；
在确定为所述目标机型的情况下，通过设置的布局方式、限定的显示界面和适配的fixed元素对所述目标网页在显示屏中进行显示。
3.根据权利要求1所述的方法，其特征在于，通过constant将所述目标网页的网页内容的主体区域限定在显示界面的安全区域中，包括：
通过constant将安全区域距离底部边界距离设置为小黑条的高度。
4.根据权利要求1所述的方法，其特征在于，所述fixed元素包括以下至少之一：吸底的fixed元素和不吸底的fixed元素。
5.根据权利要求4所述的方法，其特征在于，对所述目标网页底部的fixed元素进行适配，包括：
在fixed元素为吸底的fixed元素的情况下，通过加内边距扩展高度或者根据需要调整实际高度；
在fixed元素为不吸底的fixed元素的情况下，通过外边距来提高该fixed元素的位置。
6.一种界面显示装置，其特征在于，包括：
设置模块，用于通过viewport-fit设置目标网页在可视窗口中采用网页内容完全覆盖可视窗口的布局方式；
限定模块，用于通过constant将所述目标网页的网页内容的主体区域限定在显示界面的安全区域中；
适配模块，用于对所述目标网页底部的fixed元素进行适配；
显示模块，用于通过设置的布局方式、限定的显示界面和适配的fixed元素对所述目标网页在显示屏中进行显示。
7.根据权利要求6所述的装置，其特征在于，所述显示模块包括：
确定单元，用于确定所述显示屏所在终端的机型是否为目标机型；
显示单元，用于在确定为所述目标机型的情况下，通过设置的布局方式、限定的显示界面和适配的fixed元素对所述目标网页在显示屏中进行显示。
8.根据权利要求6所述的装置，其特征在于，限定模块具体用于通过constant将安全区域距离底部边界距离设置为小黑条的高度。
9.根据权利要求6所述的装置，其特征在于，所述fixed元素包括以下至少之一：吸底的fixed元素和不吸底的fixed元素。
10.根据权利要求9所述的装置，其特征在于，所述适配模块包括：
第一适配单元，用于在fixed元素为吸底的fixed元素的情况下，通过加内边距扩展高度或者根据需要调整实际高度；
第二适配单元，用于在fixed元素为不吸底的fixed元素的情况下，通过外边距来提高该fixed元素的位置。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于北京雷石天地电子技术有限公司，未经北京雷石天地电子技术有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/201810213382.4/1.html，转载请声明来源钻瓜专利网。
