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