上面的代碼意思是，如果屏幕寬度小于400像素，則column塊取消浮動float寬度自動調(diào)節(jié)widthauto，sidebar塊不顯示display八圖片的自適應(yīng)fluid image除了布局和文本，”自適應(yīng)網(wǎng)頁設(shè)計”還必須實現(xiàn)。

自適應(yīng)網(wǎng)頁設(shè)計Adaptive Web Design指能使網(wǎng)頁自適應(yīng)顯示在不同大小終端設(shè)備上新網(wǎng)頁設(shè)計方式及技術(shù) 2010年，Ethan Marcotte提出了“自適應(yīng)網(wǎng)頁設(shè)計”Responsive Web Design這個名詞，指可以自動識別屏幕寬度并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計。

HTML頁面何適應(yīng)不同分辨率的顯示器可以通過響應(yīng)式布局自適應(yīng)網(wǎng)頁設(shè)計等方法1響應(yīng)式布局設(shè)計響應(yīng)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗，響應(yīng)式布局就是實現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁的。