一种网页自适应布局方法、服务器及计算机可读存储介质

摘要

本发明涉及Web前端开发领域，揭露了一种网页自适应布局方法，该方法包括：将rem设置为CSS中元素width,height,margin,padding,left top属性的单位；当网页打开时，根据屏幕大小调整HTML元素的font‑size值，使得body中元素的属性值随font‑size值同步调整；计算设计稿宽高比和终端屏幕宽高比，并对比设计稿宽高比和终端屏幕宽高比得到对比结果；根据对比结果优化body中元素的属性值，得到body中元素的优化后属性值；根据所述body中元素的优化后属性值生成优化页面。这样，通过上述方案可直接根据设计稿的尺寸转换成代码尺寸，只需要将终端宽度或高度作为判断基准，即可使页面的所有元素自动调整到合适的大小，页面上所有内容的布局与设计稿布局相同，完整还原设计搞比例。