页面边框显示方法及装置制造方法及图纸

本申请实施例提供一种页面边框显示方法，所述方法包括：获取屏幕窗口的设备像素比；利用颜色渐变设置所述屏幕窗口中的页面边框，并根据所述设备像素比设置所述颜色渐变，在所述颜色渐变的设置中，其中一种颜色设置为透明色；根据所述颜色渐变的设置显示所述边框。本申请实施例提供的页面边框显示方法，可以减少开发设计的页面边框和实际显示的页面边框之间的出入，减少对用户的UI体验的影响，相对于相关技术而言，维护的成本较低，也可以避免设备兼容性的问题。备兼容性的问题。备兼容性的问题。

【技术实现步骤摘要】
页面边框显示方法及装置


[0001]本申请涉及计算机
，特别涉及一种页面边框显示方法、装置、计算机设备及存储介质。

技术介绍

[0002]随着手机显示屏硬件设备的不断更新升级，越来越多的视网膜(retina)屏幕使用到手机设备中。然而，retina屏幕的使用会带来如下问题：在retina屏幕中css样式中1px(像素)实际渲染对应多个物理像素点，导致css代码中1px高度的边框，在实际手机浏览器渲染时往往不止1px高度，可能是2px高度，甚至是3px高度，造成开发设计的页面边框与实际显示的页面边框存在出入，影响用户的UI(使用者界面)体验。
[0003]目前，针对这个问题的解决方法有通过1px高度的背景图片来设置边框，或者通过border(应用视窗四面的框架):0.5px来设置边框。然而，前者维护的成本较高，因为如果变换边框颜色，需要重新生成图片；后者则存在兼容问题，因为某此设备无法识别0.5px，导致元素无法渲染。因此，目前亟待找到一种节约维护成本且避免设备兼容问题的方法，同时减少对用户的UI体验的影响。r/>
技术实现思路
<本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面边框显示方法，其特征在于，包括：获取屏幕窗口的设备像素比；利用颜色渐变设置所述屏幕窗口中的页面边框，并根据所述设备像素比设置所述颜色渐变，在所述颜色渐变的设置中，其中一种颜色设置为透明色；根据所述颜色渐变的设置显示所述边框。2.根据权利要求1所述的页面边框显示方法，其特征在于，所述根据所述设备像素比设置所述颜色渐变，包括：在所述颜色渐变的设置中，根据所述设备像素比设置起始颜色或结束颜色的渐变位置，并将其余颜色设置为透明色，其中，所述起始颜色或所述结束颜色为除透明色外的任一颜色。3.根据权利要求2所述的页面边框显示方法，其特征在于，所述根据所述设备像素比设置起始颜色或结束颜色的渐变位置，包括：获取所述设备像素比的倒数；根据所述设备像素比的倒数设置起始颜色或结束颜色的渐变位置。4.根据权利要求3所述的页面边框显示方法，其特征在于，所述根据所述设备像素比的倒数设置起始颜色或结束颜色的渐变位置，包括：将所述起始颜色或结束颜色的渐变位置设置为所述设备像素比的倒数。5.根据权利要求1
‑
4任一项所述的页面边框显示方法，其特征在于，在所述根据所述颜色渐变的设置显示所述边框之前，还包括：获取所述边框的目标高度；将所述边框对应背景图片的高度尺寸设置为所述目标高度。6.根据权利要求1
...

【专利技术属性】
技术研发人员：龚张，
申请(专利权)人：上海幻电信息科技有限公司，
类型：发明
国别省市：