[发明专利]一种渐进增强的响应式网页设计方法

权利要求书

1.一种渐进增强的响应式网页设计方法，其特征在于，包括如下步骤：

1）根据屏幕尺寸和客户端特征划分网页源代码服务范围：

2）根据上述服务范围划分断点；

3）针对不同断点确定响应式CSS规则和Javascript程序。

2.根据权利要求1所述的渐进增强的响应式网页设计方法，其特征在于，其中所述步骤1）中的屏幕尺寸可分为：非常小的屏幕、小屏幕、中等屏幕和大屏幕。

3.根据权利要求2所述的渐进增强的响应式网页设计方法，其特征在于，其中针对所述非常小的屏幕设备提供服务包括：基本的HTML，简单的布局，小图片，有限的CSS和Javascript；在内容上，提供网站最重要的信息展示。

4.根据权利要求2所述的渐进增强的响应式网页设计方法，其特征在于，针对所述小屏幕设备提供服务包括：除基本HTML外，HTML高级功能，简单的布局，比非常小的屏幕设备中所使用图片尺寸稍大的小图片和更多CSS和Javascript；在内容上，提供网站最重要信息和比较重要信息。

5.根据权利要求2所述的渐进增强的响应式网页设计方法，其特征在于，针对中等屏幕设备提供服务包括：稍微丰富的HTML，多列布局，更大的图片，更多CSS和Javascript；在内容上，提供网站最重要信息、比较重要信息和一般信息。

6.根据权利要求2所述的渐进增强的响应式网页设计方法，其特征在于，针对大屏幕设备提供服务包括：丰富的HTML，宽屏多列布局，大图片，丰富的CSS和Javascript；在内容上，提供丰富的信息展示。

7.根据权利要求1所述的渐进增强的响应式网页设计方法，其特征在于，其中所述步骤2）中的根据上述服务范围划分断点具体为:根据屏幕尺寸的宽度或高度划分多个断点，依据断点通过CSS实现自适应布局。

8.根据权利要求7所述的渐进增强的响应式网页设计方法，其特征在于，其中网站可根据实际需求增加或减少断点。

9.根据权利要求1所述的渐进增强的响应式网页设计方法，其特征在于，其中所述步骤3）中的针对不同断点确定响应式CSS规则和Javascript程序包括：设置实现灵活的网格以及灵活的标签，结合上述网格和标签调整断点值，选择性填充内容。