固定寬度的靜態網站很快被靈活的響應式設計所取代，該設計可以根據屏幕大小進行上擴和下擴。利用響應式設計，無論您采用什么設備或屏幕來訪問網站，都可以呈現一個可用的界面。響應式設計可以響應各種屏幕大小，因此也成為了 “前瞻性” 的網站，屏幕將隨著新的智能手機和平板電腦的問世而快速演變。實現響應式設計的主要途徑是使用 CSS 媒體查詢。在本文中，我們將了解如何將媒體查詢用于桌面網站、移動電話和平板電腦。