摘要
随着移动设备的广泛使用,移动设备已经成为网页浏览的主流设备,为了使用户在PC端与手机端都能拥有良好的浏览体验,同时避免在PC端与手机端应用两套代码的繁琐工作,响应式设计应时而出。文章详细介绍了响应式布局的概念,实现响应式页面的不同方法,应用Bootstrap快速搭建响应式页面的方法及其原理,并通过案例介绍如何设计一个响应式页面,以及实现响应式页面的具体步骤和在不同设备上呈现的效果。
With the widespread use of mobile devices,mobile devices have become the mainstream of web browsing equipment,in order to enable users in the PC side and the mobile side can have a good browsing experience,while avoiding the PC side and the application of two sets of code on the PC side of the cumbersome work,Responsive design should appear at this time.This paper introduces the concept of response layout in detail,the different methods of implementing responsive page,the method and principle of using Bootstrap to fasten the responsive page,and introduces how to design a response page and the concrete steps of implementing the response page And the effects presented on different devices.
作者
汪红宇
刘雄辉
乔波
WANG Hong-yu;LIU Xiong-hui;QIAO Bo(College of Information Science and Technology, Hunan Agricultural university,Changsha 410128,China)
出处
《电脑与信息技术》
2017年第5期19-22,共4页
Computer and Information Technology
基金
2017年湖南农业大学大学生创新性实验计划项目(项目编号:XCX17019)
作者简介
汪红宇（1996-），女，湖南益阳人，本科，主要研究方向：前端架构;刘雄辉（1997-），男，湖南娄底人，本科，主要研究方向：算法设计与分析；;乔波（通讯作者）（1981-），男，湖南常德人，讲师，博士研究生，主要研究方向：机器学习，自然语言处理，农业知识图谱。
