摘要：
简介现今每天都有更多的手机和平板电脑问市。消费者能够拥有可想象到的各种规格和形状的设备，但是网站开发人员却面临一个挑战：如何使他们的网站在传统浏览器、手机和平板电脑浏览器上有很好的效果，如何在各种大小的屏幕上提供一流的用户体验,答案是：采用响应式设计。响应式设计可以随所显示的屏幕大小而改变。实现响应式设计的主要方法是使用 CSS 媒体查询。在本文中，将探索如何将媒体查询用于桌面网站、移动电话和平板电脑。同时还将了解如何检测媒体查询支持，以及如何为尚未支持此项技术的浏览器提供可靠体验。先决条件本文中的代码样例被设计为可运行于支持 CSS 媒体查询的网页浏览器中，这些浏览器包括 Mozilla F 阅读全文