響應式,對於這三個字,想必程序員都不陌生,響應式布局是Ethan Marcotte在2010年5月份提出的一個概念,簡而言之,就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的。
(圖一)
(圖二)
圖一與圖二都是用的同樣的布局,卻可以在不同的設備上有不同排版,這就是響應式最大的優點,在分辨率不同,設備環境進行一些不同的設計,所有開發維護和運營上,相對多個版本成本會降低很多。
其二,兼容性好,跨平台,移動設備尺寸參差不齊,版本定制通常只適用於固定規格的設備,但不適用分辨率變化較大的設備。
第三,方便改動,響應式設計是針對頁面的,可以只對必要的頁面進行改動,其他頁面不受影響。
在我看來,雖然響應式優點頗多,但也不是沒有缺點,簡單列舉以下幾點:
1.頁面加載的代碼多了,導致文件增大,影響加載速度;
2.在響應式設計中,圖片、視頻等資源一般是統一加載的,這就導致在低分辨率的機子上,實際加載了大於它的顯示要求的圖片或視頻,導致不必要的流量浪費,影響加載速度;
3.局限性,對於響應式,局限性較大,不適合一些大型的門戶網或者電商網站,一般門戶網或電商網站一個界面內容較多,而響應式最忌諱較多內容,代碼過多會影響運行速度。
總結來說,事物都是利弊結合,響應式只適用某些網站,不可一概而論,各種移動設備的發展導致每種移動設備都希望擁有適合自己設備的網頁。但是Web設計和開發根本無法追趕設備與分辨率的更新,如果不能滿足各種設備下用戶的使用,就會流失掉用戶群,響應式設計的出現有效地解決了這個問題。