信息记录材料

首页 > 刊期 > 2022 > 6期 > 信息：技术与应用

响应式网页的设计和实现

张颖

【摘要】响应式网页开发主要是为了解决移动端网页浏览的问题，即实现同一页面兼容不同终端的屏幕尺寸，使页面呈现出更为合理的布局，为用户提供良好的浏览体验。首先介绍了响应式页面及其开发原理，并以响应式页面布局的设计与实现为例，分步介绍响应式页面的制作方法。通过对实例的细致分析和逐步实现，让 Web 前端开发学习者具备初步的响应式页面开发能力。

【关键字】响应式；媒体查询；弹性盒；页面布局