[发明专利]基于CSS预处理器的网页适配多种浏览器尺寸的方法及系统在审
| 申请号： | 201811569341.5 | 申请日： | 2018-12-21 |
| 公开（公告）号： | CN109683895A | 公开（公告）日： | 2019-04-26 |
| 发明（设计）人： | 何理;张杰;李华敬;曲涛;沈徐洋 | 申请（专利权）人： | 上海哔哩哔哩科技有限公司 |
| 主分类号： | G06F8/38 | 分类号： | G06F8/38 |
| 代理公司： | 上海元好知识产权代理有限公司 31323 | 代理人： | 张妍;刘琰 |
| 地址： | 200092 上海市*** | 国省代码： | 上海;31 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | 本发明提出了一种基于CSS预处理器的网页适配多种浏览器尺寸的方法，其包含：确定需要适配的多个不同的屏幕尺寸；按照需要适配的最大屏幕尺寸设计网站，得到设计稿；以宽度和/或高度为基准，得到每一种较小尺寸相对于最大尺寸的缩放比例；通过CSS预处理器编写可预处理样式表，在可预处理样式表中根据设计稿中每个元素的大小和位置属性结合缩放比例指定其在每种尺寸屏幕中的大小和位置变化规则；由CSS预处理器根据可预处理样式表中的各元素在每种尺寸屏幕中的大小和位置变化规则自动为每种屏幕尺寸生成相应的样式表。其优点是：前端开发人员只有一套样式表需要维护，相较现有的对每一屏幕尺寸分别编写一套样式表的模式来说，降低了维护成本。 | ||
| 搜索关键词： | 样式表 预处理器 适配 预处理 屏幕 尺寸屏幕 位置变化 设计稿 浏览器 缩放 网页 尺寸设计 位置属性 网站 维护 开发 | ||
【主权项】：
1.一种基于CSS预处理器的网页适配多种浏览器尺寸的方法，其特征在于：通过CSS预处理器编写包含每个元素的大小和位置属性结合缩放比例指定其在不同尺寸屏幕中的大小和位置变化规则的可预处理样式表，再由可预处理样式表生成每种屏幕尺寸相应的样式表。
下载完整专利技术内容需要扣除积分，VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于上海哔哩哔哩科技有限公司，未经上海哔哩哔哩科技有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/patent/201811569341.5/，转载请声明来源钻瓜专利网。
