一种面向多终端设备的网页适应性布局方法

摘要

本发明公开了一种面向多终端设备的网页适应性布局方法，首先统计各类终端设备的主流分辨率和对应的主流屏幕尺寸；然后计算获得的主流屏幕尺寸的物理宽度、计算各类终端上的字号大小，并根据各类终端上的字号大小及屏幕分辨率确定其他元素的大小；最后根据需求编制出针对各类终端的CSS片段，实现响应式网页设计。本发明能够动态地根据终端设备的尺寸与分辨率的不同而适应性地选择相应的字号，形成网页适应性布局解决方案。本发明降低了面向多终端的网页布局开发和维护的复杂度。与现有技术相比，本发明架构简单、无需开发多个版本、所有终端使用统一入口、能够响应式调用不同的字号和布局方法，大大提高了多终端网页开发和维护的效率。

主权项

一种面向多终端设备的网页适应性布局方法，其特征在于，包括以下步骤：步骤1：统计各类终端设备的主流分辨率和对应的主流屏幕尺寸；步骤2：计算步骤1中获得的主流屏幕尺寸的物理宽度；步骤3：计算各类终端上的字号大小；步骤4：根据各类终端上的字号大小及屏幕分辨率确定其他元素的大小；步骤5：根据需求编制出针对各类终端的CSS片段，实现响应式网页设计。