基于响应式设计的Web App界面布局研究

摘要

为了解决Web App运行于多种设备屏幕和浏览器上的显示问题,提出Web App跨平台应用技术方案,以解决设备屏幕的自适应问题和浏览器兼容性问题;并提出基于响应式设计的界面布局方案,用以解决当设备屏幕和用户行为变化时,Web App界面元素的定位和显示问题.其关键技术为基于弹性盒的缩放模型以及界面元素的定位方法,通过设计实践和发布测试实验验证了这一方法的有效性.基于此方案设计开发的Web App能够实现不同设备环境和用户使用行为下的合理布局与正确显示,始终带给用户良好的视觉体验.