上文提到了響應(yīng)式網(wǎng)站的必要性,本文中,我們將繼續(xù)探討響應(yīng)式網(wǎng)站的實(shí)施方法。
首先,在丹·錫德霍姆(Dan Cederholm)編寫的《無懈可擊的Web設(shè)計(jì)》一書中,伊桑·馬科特為其撰寫了一章關(guān)于流動(dòng)布局的內(nèi)容。在書中,他提出了一個(gè)標(biāo)準(zhǔn)化的公式,即“目標(biāo)元素寬度÷上下文元素寬度=百分比寬度”。
其次,CSS媒體查詢的使用,其中min-width和max-width這兩個(gè)屬性值的設(shè)定,可以調(diào)節(jié)網(wǎng)頁響應(yīng)不同瀏覽設(shè)備的寬度范圍,可以在設(shè)備屏幕寬度高于這個(gè)值的情況下,為頁面指定一個(gè)特定的樣式表,利用CSS媒體查詢支持不同的視口大小匹配CSS樣式。
再次,是彈性圖片的應(yīng)用。使用CSS的max-width進(jìn)行簡單的修復(fù),該方法在伊桑·馬科特關(guān)于流動(dòng)的圖片的文章中提到過。