技术总结
本发明公开了一种移动设备网页单页面的布局方法及系统，涉及移动设备的网页布局领域。该方法的步骤为：在移动设备上获取需要进行页面布局的单页面的dpr和scale的基本设置、并进行兼容性处理；根据移动设备的屏幕宽度和dpr计算rem基准值，将rem基准值设置于页面根节点的样式表中；在每个子页面上各设置1个有效内容缩放容器，其中插入有对应子页面中需要缩放的元素；根据有效内容缩放容器的可视高度和原始高度h2计算缩放比例，需要时根据缩放比例对子页面进行缩放。本发明能够在一次布局样式中，在移动设备屏幕中完整显示所有需要进行页面布局的页面，进而保证移动设备页面布局的质量。
技术研发人员：王迪
受保护的技术使用者：武汉斗鱼网络科技有限公司
文档号码：201610898361
技术研发日：2016.10.14
技术公布日：2017.03.15