CSS3 媒體特性與Responsive設(shè)計(jì)
隨著科學(xué)技術(shù)不斷地向前發(fā)展，網(wǎng)頁的瀏覽終端越來越多樣化，用戶可以通過寬屏電視、臺式電腦、筆記本電腦、平板電腦和智能手機(jī)來訪問網(wǎng)站。盡管無法保證一個(gè)網(wǎng)站在不同屏幕尺寸和不同設(shè)備上 看起來一模一樣， 但至少要讓你的Web頁面能適配用戶的終端， 讓它更好地呈現(xiàn)在用戶面前。 使用CSS3中的MediaQuery模塊來讓一個(gè)頁面適應(yīng)不同的終端（ 或屏幕尺寸）， 從而讓頁面有一個(gè)更好的用戶體驗(yàn)。
媒體類型媒體類型（ Media Type） 在CSS2中是一個(gè)常見的屬性， 也是一個(gè)非常有用的屬性，可以通過媒體類型對不同的設(shè)備指定不同的樣式。
媒體類型引用方法在實(shí)際中媒體類型有近十種之多， 實(shí)際常用的也就那么幾種。 不過媒體類型的引用方法也有多種， 常見的媒體類型引用方法主要有：
link標(biāo)簽、
xml方式、
@import
CSS3新增的@media

專業(yè)領(lǐng)域包括成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都外貿(mào)網(wǎng)站建設(shè)、成都做商城網(wǎng)站、微信營銷、系統(tǒng)平臺開發(fā)， 與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開發(fā)公司不同，創(chuàng)新互聯(lián)公司的整合解決方案結(jié)合了幫做網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營銷的理念，并將策略和執(zhí)行緊密結(jié)合，為客戶提供全網(wǎng)互聯(lián)網(wǎng)整合方案。

1. link方法
   link方法引入媒體類型其實(shí)就是在< link>標(biāo)簽引用樣式的時(shí)候， 通過link標(biāo)簽中的media屬性來指定不同的媒體類型。 這種方式引入媒體類型時(shí)常跟著引用的樣式文件走， 如下所示：
   < link rel="stylesheet" type=" text/css" href="style.css" media="screen" />
   http:/ /www.iis7.com/a/lm/gjcpmcx/
   < link rel=" stylesheet" type=" text/css" href=" print.css" media=" print" />
2. xml方式
   xml方式引用媒體類型和link引入媒體類型極其相似， 也是通過media屬性來指定。
   
3. @import方式
   @import是用來引用樣式文件方法之一， 同樣也可以用來引用媒體類型。@import引入媒體類型主要有兩種方式，
   一種：是在樣式中通過@import調(diào)用另一個(gè)樣式文件；
   另一種：是在標(biāo)簽中的中引入， 但這種使用方法在IE 6 和 IE 7 中都不被支持， 如樣式文件中調(diào)用另一個(gè)樣式文件時(shí)， 就可以指定對應(yīng)的媒體類型。 @import url(reset. css) screen; @import url(print. css) print; 在中的
4. @media方式
   @media是CSS3中新引進(jìn)的一個(gè)特性， 稱為媒體查詢。 在頁面中也可以通過這個(gè)屬性來引入媒體類型。@media引入媒體類型和@import有點(diǎn)類似， 也具有兩種方式：
   1). 在樣式文件中引用媒體類型： @media screen { 選擇器{/ 你的樣式代碼寫在這里…/} }
   2). 使用@media引入媒體類型的方式是在 標(biāo)簽中的