佛山自適應網(wǎng)站定制設計與響應式網(wǎng)頁設計
目前非常流行自適應設計與響應式設計,而且經(jīng)常讓人混淆,自適應設計不應與自適應布局混為一談,它們是完全不一樣的概念。
在這先說明下這兩者的異同:
自從移動終端飛速發(fā)展以來,各種各樣的機型突飛猛進,很多網(wǎng)站的解決方法,是為不同的設備提供不同的網(wǎng)頁,比如專門提供一個mobile版本,或者iPhone/iPad版本。這樣做固然保證了效果,但是比較麻煩,同時要維護好幾個版本,而且如果一個網(wǎng)站有多個portal(入口),會大大增加架構設計的復雜度。
于是,很早就有人設想,能不能"一次設計,普遍適用",讓同一張網(wǎng)頁自動適應不同大小的屏幕,根據(jù)屏幕寬度,自動調整布局(layout)?
2010年,Ethan Marcotte提出了"自適應網(wǎng)頁設計"(Responsive Web Design)這個名詞,指可以自動識別屏幕寬度、并做出相應調整的網(wǎng)頁設計。
自適應布局有它的使用價值,在于它能夠提供一種更加實用的解決方案,使得項目的實現(xiàn)成本更低,并且更加易于測試。一個自適應布局可以被看作是響應式布局的一個更加廉價的替代品,會在項目資源緊缺的情況下更具有吸引力。
而在響應式布局中你卻要考慮上百種不同的狀態(tài):
響應式網(wǎng)頁設計是自適應網(wǎng)頁設計的子集。響應式網(wǎng)頁設計指的是頁面的布局(流動網(wǎng)格、靈活的圖像及媒介查詢)??傮w目標就是去解決設備多樣化問題。
響應式布局等于流動網(wǎng)格布局,而自適應布局等于使用固定分割點來進行布局。
當固定寬度與流動寬度結合起來時,自適應布局就是一種響應式設計,而不僅僅是它的一種替代方法。
以上就是佛山自適應網(wǎng)站定制設計與響應式網(wǎng)頁設計,希望能對大家有所幫助。