響應(yīng)式網(wǎng)頁設(shè)計(jì)，是一種正在流行的網(wǎng)頁開發(fā)思想，它是利用靈活可變的柵格系統(tǒng)，令網(wǎng)頁的顯示模式可以根據(jù)訪問設(shè)備的屏幕尺寸規(guī)格而進(jìn)行自適應(yīng)。預(yù)計(jì)2015年的時(shí)候，移動(dòng)端的用戶數(shù)量將會(huì)從目前的8億，增長(zhǎng)到19億，而這也意味著目前我們?yōu)樽烂鏋g覽器而設(shè)計(jì)的網(wǎng)頁，將會(huì)在他們的手機(jī)和平板上呈現(xiàn)出非常糟糕的使用體驗(yàn)。
但是隨著實(shí)際應(yīng)用狀況的改變，響應(yīng)式網(wǎng)頁設(shè)計(jì)還是會(huì)出現(xiàn)一系列復(fù)雜的并發(fā)癥。本文余下的部分，就是詳細(xì)闡述如何在響應(yīng)式網(wǎng)頁中安置和處理多媒體元素，諸如圖片和視頻，最終的目的是幫你做出一個(gè)靠譜的網(wǎng)站，能讓這些元素?zé)o縫地在各種手持設(shè)備上加載運(yùn)行，提升用戶體驗(yàn)。
先說說響應(yīng)式圖片的處理方法。在響應(yīng)式網(wǎng)頁設(shè)計(jì)中，圖片處理的問題或多或少地和傳統(tǒng)網(wǎng)頁中的導(dǎo)航欄設(shè)計(jì)有相似之處。隨著新的移動(dòng)設(shè)備的普及，更高像素密度的屏幕使得網(wǎng)頁的任何一個(gè)瑕疵都顯得無比明顯，因此，圖片處理的核心問題在于如何確保網(wǎng)站（尤其是圖片）的各個(gè)方面都能盡可能靈活，并且確保每個(gè)像素不會(huì)在高分屏下模糊。
