成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

響應(yīng)式設(shè)計三部曲

xcc3641 / 1058人閱讀

摘要:原文譯文響應(yīng)式設(shè)計的三個步驟譯者現(xiàn)在,響應(yīng)式設(shè)計無疑是非常流行的。為了幫助你快速入門響應(yīng)式設(shè)計,我寫了一篇快速入門教程。第三步媒體查詢是進行響應(yīng)式設(shè)計的戲法,它跟寫條件一樣,來告訴瀏覽器對于特定的寬度如何渲染頁面。

原文:Responsive Design in 3 Steps

譯文:響應(yīng)式設(shè)計的三個步驟

譯者:dwqs

現(xiàn)在,響應(yīng)式Web設(shè)計無疑是非常流行的。如果你對響應(yīng)式設(shè)計還不熟悉,可以看看我之前發(fā)表過的關(guān)于這方面的responsive sites。對于新人,responsive design可能聽起來有點復(fù)雜,但實際上,它比你想的要簡單的多。為了幫助你快速入門響應(yīng)式Web設(shè)計,我寫了一篇快速入門教程。我保證你通過三步就可以學(xué)會響應(yīng)式設(shè)計的基本邏輯和媒體查詢(media query)(假設(shè)你有基本的CSS知識)。

第一步:Meta標簽(看demo)

大部分移動瀏覽器會把HTML頁面縮放成較寬的viewport的寬度,這樣內(nèi)容就可以屏幕上正確的展示了。你可以使用viewport這個meta標簽 來重置這個行為。下面的viewport標簽告訴瀏覽器使用設(shè)備寬度(device-width)做為viewport的寬度,并且禁用初始的縮放比例。 在中加入這個meta標簽。

meta name="viewport" content="width=device-width, initial-scale=1.0">

IE 8以及更早版本不支持媒體查詢,你可以使用media-queries.js或者respond.js來增加IE對媒體查詢的支持。


              
  
最新活動
閱讀需要支付1元查看
<