而CSS3是CSS的最新“標(biāo)準(zhǔn)”，也是CSS的版本升級(jí)，推出了一些新的東西盒子模型多欄布局媒體查詢動(dòng)畫背景和邊框列表模塊語(yǔ)言模塊文字特效等模塊可能有人會(huì)問，有CSS和CSS3，那有沒有CSS2呢其實(shí)，我們；導(dǎo)入U(xiǎn)RLphonecss 媒體查詢也可以在樣式表中使用，如下所示媒體專用屏幕和最大寬度400像素 導(dǎo)航欄 浮動(dòng)無寬度400px 測(cè)試媒體查詢 測(cè)試代碼非常重要針對(duì)平板電腦和智能手機(jī)的測(cè)試使測(cè)試變得更加復(fù)雜；媒體查詢的使用方式如下media minwidth800px and maxwidth1200px 即屏幕分辨率大于800，小于1200的使用這個(gè)策略這樣就可以根據(jù)不同的屏幕分辨率在css樣式里設(shè)置圖片的寬度了。

媒體查詢寫在CSS樣式代碼的最后，CSS是層疊樣式表，在同一特殊性下，靠后的的樣式會(huì)重疊前面的樣式 4怎樣使用media 一首先需要在html文檔中添加以下代碼，用來兼容移動(dòng)設(shè)備的顯示效果 pswidth=devicewidth寬度等于當(dāng)前；網(wǎng)頁(yè)自適應(yīng)瀏覽器大小\x0d\x0a\x0d\x0a首先要在頭部，即標(biāo)簽內(nèi)寫自適應(yīng)代碼，如下\x0d\x0a\x0d\x0a其次，網(wǎng)頁(yè)內(nèi)部的元素寬度要使用百分比，在不同的屏幕大小下需使用媒體查詢定義不同的css代碼，例如\x；這種網(wǎng)頁(yè)布局就是“自適應(yīng)布局”有人喜歡把“Responsive layout”直譯成‘響應(yīng)式布局’，本人覺得‘自適應(yīng)布局’更本土化這種布局的特點(diǎn)是使用CSS媒體查詢語(yǔ)句@media screen and ，能根據(jù)頁(yè)面寬度，讓頁(yè)面布局；為了讓不識(shí)別媒體查詢語(yǔ)句的瀏覽器依然識(shí)別到媒體介質(zhì)，可以使用 only 關(guān)鍵字進(jìn)行hackHtml代碼 添加了 only 關(guān)鍵字后，支持媒體查詢語(yǔ)句的瀏覽器依然正常解析但不支持媒體查詢語(yǔ)句但正確讀取媒體介質(zhì)的設(shè)備，由于先讀取到；如果你在行內(nèi)寫了CSS屬性，例如 這樣寫的CSS屬性權(quán)重最高，如要使@media媒體查詢響應(yīng)式CSS生效，就如下面的例子寫 media screen and minwidth900pxabout_yxdisplay ！important在CSS屬性后面加上！importan；在CSS里添加媒體查詢，查詢屏幕寬度的大小具體語(yǔ)句比如，這里就是查詢最新屏幕寬度980px最大屏幕寬度2046px的時(shí)候，加載quotCSSmin980pxcssquot這個(gè)CSS文件，min980pxcss文件里要用百分比的方式來布局，這樣布局就自適應(yīng)了；Html代碼 添加了 only 關(guān)鍵字后，支持媒體查詢語(yǔ)句的瀏覽器依然正常解析但不支持媒體查詢語(yǔ)句但正確讀取媒體介質(zhì)的設(shè)備，由于先讀取到 only 而不是 screen ，將忽略這個(gè)樣式不支持媒體查詢的IE不論是否有 only ，都直接；1css3媒體查詢就是為了適應(yīng)各種設(shè)備，查詢媒介設(shè)備，來添加不同的樣式，不會(huì)在行內(nèi)使用2從web標(biāo)準(zhǔn)的設(shè)計(jì)來講，主張css樣式和html結(jié)構(gòu)分離，建議使用外部文件或內(nèi)聯(lián)樣式。

可以用谷歌瀏覽器里面有iPhone5的尺寸，然后用媒體查詢它的寬度就行了 media screen and maxwidth 320px。

把only screen and都去掉就好了，這是媒體查詢代碼，表示只有在屏幕尺寸小于639像素的時(shí)候才會(huì)應(yīng)用下面的樣式如果想要在手機(jī)端自適應(yīng)，你還需要寫上下面這句話具體如下1簡(jiǎn)介 編程是編寫程序的中文簡(jiǎn)稱，就是讓計(jì)算機(jī)；Media Queries直譯過來就是“媒體查詢”，在我們平時(shí)的Web頁(yè)面中head部分常看到這樣的一段代碼或者這樣的形式@import urlquotcssstylecssquot不知道大家留意；這位網(wǎng)友你好，這是媒體查詢代碼，表示只有在屏幕尺寸小于639像素的時(shí)候才會(huì)應(yīng)用下面的樣式如果想要在手機(jī)端自適應(yīng)，你還需要寫上下面這句話。

你可能需要檢查和修改你的CSS樣式以適應(yīng)這種情況具體來說，你可能需要使用媒體查詢Media Queries媒體查詢是CSS3的一個(gè)特性，允許你根據(jù)設(shè)備的特定條件應(yīng)用不同的CSS樣式例如，你可以根據(jù)瀏覽器窗口的大小來更改網(wǎng)站的；直接定義link的media屬性值來判斷就是了，看下邊這個(gè)demo。