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