[发明专利]一种渐进增强的响应式网页设计方法在审
| 申请号： | 201710505627.6 | 申请日： | 2017-06-28 |
| 公开（公告）号： | CN107291477A | 公开（公告）日： | 2017-10-24 |
| 发明（设计）人： | 郑秀琴;余建军;刘建军;徐义峰;戴燕鸿;朱震 | 申请（专利权）人： | 衢州职业技术学院 |
| 主分类号： | G06F9/44 | 分类号： | G06F9/44;G06F17/30 |
| 代理公司： | 暂无信息 | 代理人： | 暂无信息 |
| 地址： | 324000 浙江省*** | 国省代码： | 浙江;33 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | 本发明公开了一种渐进增强的响应式网页设计方法，主要包括如下步骤首先设计一个非响应的布局，即页面宽度是固定的，然后设置页面在不同尺寸的客户端都按1∶1原样显示；使用媒体查询可以使网页自动适应不同分辨率的终端；根据终端的屏幕尺寸和终端的特征划分网页源代码服务范围；根据上述绘制断点图，首先要确定断点，然后在对应的断点下方绘制网页布局缩略图；针对不同断点确定响应式CSS规则和Javascript程序。本发明以低分辨率设备为先，按设备分辨率增加，逐渐优化网页布局和内容展示，建立流动的网格，流动的标签，灵活的断点，并通过外部脚本选择性增加内容，实现布局和内容自适应于设备尺寸，减小不需要的页面加载，优化网页展示效果。 | ||
| 搜索关键词： | 一种 渐进 增强 响应 网页 设计 方法 | ||
【主权项】：
一种渐进增强的响应式网页设计方法，其特征在于，包括如下步骤：S1、首先设计一个非响应的布局，即页面宽度是固定的，然后设置页面在不同尺寸的客户端都按1∶1原样显示，即提供网页全视图浏览，禁止用户缩放页面；S2、使用媒体查询可以使网页自动适应不同分辨率的终端；根据终端的屏幕尺寸和终端的特征划分网页源代码服务范围；S3、根据上述绘制断点图，首先要确定断点，然后在对应的断点下方绘制网页布局缩略图，表示当视口大小达到该值时，将显示该布局的效果；S4、针对不同断点确定响应式CSS规则和Javascript程序。
下载完整专利技术内容需要扣除积分，VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于衢州职业技术学院，未经衢州职业技术学院许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/patent/201710505627.6/，转载请声明来源钻瓜专利网。
