基于CSS3媒体查询的响应式布局研究

Research on the Responsive Layout Based on CSS3 Media Query

随着现在各种终端设备的快速发展,制作出能够适应不同分辨率、不同平台、不同屏幕大小的网页尤为重要,这不仅使得网站适应不同终端的能力更强,同时也为用户带来良好体验。介绍响应式布局概念,重点阐述CSS3的MediaQuery模块的语法结构和使用方法,并通过实际案例详细说明如何利用媒体查询制作适合多种终端设备的响应式页面。

With the rapid development of various terminal devices,it is particularly important to make Web pages that can adapt to different resolu?tions,different platforms and different screen sizes,which not only makes the website more capable of adapting to different terminals,but also brings good experience to users.Introduces the concept of responsive layout,and expounds the syntax structure and usage method of CSS3's Media Query module,explains how to use Media Query to make responsive pages suitable for multiple terminal devices through practical cases.