[发明专利]一种弹性响应式网页数据设定方法在审
| 申请号： | 201811274653.3 | 申请日： | 2018-10-30 |
| 公开（公告）号： | CN109471628A | 公开（公告）日： | 2019-03-15 |
| 发明（设计）人： | 程国艮;郝雁华 | 申请（专利权）人： | 中译语通科技股份有限公司 |
| 主分类号： | G06F8/38 | 分类号： | G06F8/38;G06F16/958 |
| 代理公司： | 北京中誉威圣知识产权代理有限公司 11279 | 代理人： | 蒋常雪 |
| 地址： | 100040 北京市石*** | 国省代码： | 北京;11 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | 本发明公开一种弹性响应式网页数据设定方法，尽最大可能实现弹性可伸缩的布局，具体包括如下内容：使用百分比长度或者视口相关的单位取代固定长度；为了在较大分辨率下得到固定宽度，使用max‑width取代width；为替换元素设置一个max‑width，值为100%；设置background‑size:cover这个属性；当网页元素以行列式进行布局时，让视口的宽度来决定列的数量，通过弹性盒布局或者display:inline‑block加上常规的文本折行行为来实现这一点；在使用多列文本时，指定列宽column‑width以便在较小的屏幕上自动显示为单列布局。本发明所述方法能够减轻媒体查询所产生的维护成本，拓展响应式网页设计方法的适用范围。 | ||
| 搜索关键词： | 弹性响应 网页数据 视口 文本 大分辨率 单位取代 可伸缩的 媒体查询 网页设计 网页元素 自动显示 最大可能 常规的 弹性盒 响应式 多列 替换 单列 屏幕 拓展 维护 | ||
【主权项】：
1.一种弹性响应式网页数据设定方法，其特征在于：所述方法能够实现弹性可伸缩的布局，具体包括如下内容：1）、使用百分比长度或者视口相关的单位来取代固定长度；2）、为了在较大分辨率下得到固定宽度，使用 max‑width取代 width；3）、为替换元素设置一个 max‑width，值为 100%；4）、设置background‑size: cover 属性，以便使背景图片能够完整地铺满一个容器，而不管容器的尺寸如何变化；5）、当网页元素以行列式进行布局时，让视口的宽度来决定列的数量；6）、在使用多列文本时，指定列宽的值，以在较小的屏幕上自动显示为单列布局。
下载完整专利技术内容需要扣除积分，VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于中译语通科技股份有限公司，未经中译语通科技股份有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/patent/201811274653.3/，转载请声明来源钻瓜专利网。
