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