在 CSS2 中，你可以為不同的媒介設備（如屏幕、打印機）指定專用的樣式表，而現在借助 CSS3 的 Media Queries 特性，可以更為有效的實現這個功能。你可以為媒介類型添加某些條件，檢測設備並采用不同的樣式表。 　　例如，你可以把用於大屏幕上顯示的樣式和用於移動設備的專用樣式放在 ...

web站點了，他使用手機、筆記本電腦、平板電腦。所以傳統的設置網站寬度為固定值，已經不能滿足需要了。w ...

題外話 本來是想寫篇關於Bootstrap的Scaffolding博文的，不過對於響應式Web設計不是很了解，所以就先有了這篇博文。 博客園原文地址：http://www.cnblogs.com/yhuang/archive/2012/03/29 ...

兩種方式，一種是直接在link中判斷設備的尺寸，然后引用不同的css文件： 1 < link ...

/ 　　 　　CSS2允許你對特定media類型制定樣式，例如針對屏幕或者打印機。css3提供了更加強大的media q ...

例：如果文檔寬度小於 300 像素則修改背景顏色(background-color): 一、定義 使用 @media 查詢，你可以針對不同的媒體類型定義不同的樣式。 @media 可以針對不同的屏幕尺寸設置不同的樣式，特別是如果你需要設置設計響應式的頁面，@media 是非常有 ...

首先要知道，我們為什么要寫自適應的頁面（響應式頁面） 【直接看干貨】 眾所周知，電腦、平板、手機的屏幕是差距很大的，假如在電腦上寫好了一個頁面，在電腦上看起來不錯，但是如果放到手機上的話，那可能就會亂的一塌糊塗，這時候怎么解決呢？以前，可以再專門為手機定制一個頁面，當用戶訪問的時候，判斷設備 ...

語法：@media screen and (min-width: 320px) and (max-width : 479px) media屬性后面跟着的是一個 screen 的媒體類型（上面說過的十種媒體類型之一）。然后用 and 關鍵字來連接條件（其他關鍵字 ...