[发明专利]一种弹性响应式网页数据设定方法在审

专利信息
申请号: 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 加上常规的文本折行行为来实现以视口的宽度决定列的数量。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中译语通科技股份有限公司,未经中译语通科技股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201811274653.3/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top