响应式页面的设计与实现

摘要

为了实现同一个页面对包括PC、平板和手机在内的多种终端设备的兼容,满足用户良好的浏览体验,响应式设计作为一种新型技术手段应运而生.首先介绍了响应式设计的基础知识,接着从Viewport设置、Media Queries和JavaScript的介入这三个内容入手阐述了响应式设计的核心技巧,然后以图例形式展示了常见的几种响应式设计布局方式,最后以响应式导航菜单为例,分步介绍了响应式设计的具体实现方法.响应式页面设计轻松实现了一次编写,多处适用,大大提高了网页的兼容与美观问题.