期刊论文

中文

现代教育技术

1009-8097

2015

25

2

107-113

10.3969/j.issn.1009-8097.2015.02.016

本文受“十二五”国家科技计划课题“低成本体验式农村信息服务关键技术与终端研发’’（项目编号：2012BAD35802）、教育部人文社科规划项目“E-learning中学习活动与教育资源有效整合及应用研究”（项目编号：11YJA880065）、国家科技支撑计划项目“土家音乐文化数字化保护与展示关键技术研究及示范”（项目编号：2015BAK03803）、自主科研项目“在线学习中学习者参与度研究”（项目编号：2014801）支持.

本校为第一机构

文章分析了目前跨平台响应式布局的研究现状,针对其存在的问题提出了一种新的跨平台响应式布局模式,即Flexbox（弹性盒子模型）+Media Queries（媒体查询）技术组合,并首次尝试绘制出较为合理的客户端分辨率适配表。最后通过"农民工技能培训与综合服务平台"详细阐述了该响应式布局模式的开发过程,并验证了可行性与效果。

This paper analyses the present research situation of cross-platform responsive layout, and puts forward a new cross-platform responsive layout mode based on the existing problems, namely Flexbox （flexible box model） ＋ Media Queries （media queries） technology, and for the first time tries to draw out a more reasonable client resolution adaptive table. Finally, the development process of responsive layout pattern is elaborated and its feasibility and effectiveness are verified though the ＂migrant worke...