自適應網頁設計與響應式網頁設計
作者：佚名 時間：2014-06-09 分享到：
在現代網站開發使用中有兩種主要辦法,即自適應和響應式,這兩者都使用斷點的概念,這個概念是通過媒體查詢所創建的限制,在這些斷點上,網站的而已被強制更改.
自適應方法和響應式方法之間的差異可以歸結為,網站在斷點間變化,自適應配制上是一系列寬度固定的布局而響應式使用的尺寸則很靈活,所以即使在斷點之間,網站仍有具有一定的流動性.
介于不同設備屏幕尺寸的巨大差異,試圖令一系列寬度固定的頁面適應即使是最覺的配置都是一種不明智的做法,更好的做法是使用流動設計,它包括使用長度值的百分比以令頁面元素的尺寸適應窗口的大小 ,這種做法也是構建響應的關鍵.
大多數用戶所使用的臺式機或筆記本電腦的顯示器寬度大于或等于1024,那么制作一個寬度固定為960的頁面是可以被打官腔的,但這種情況已成為歷史,如果現在還按照上述方式設計,那將意味著使用移動設備的用戶看到是一個按比例縮小的屏幕,他們只有通過放大,縮小和左右滾動才能完全瀏覽頁面.這種結果并不是不能接受,但也并不理想.
使用百分比而非固定值意味著頁面元素可以隨著窗口的尺寸進行綻放,從而使內容流進屏幕邊界內,這就是為什么這種方法被稱為滾動設計,將這個方法與內容或設備的媒體查詢相結合,就得到是響應式設計的核心,這為用戶提供量身定制的稱心體驗,卻無需考慮用戶設備的情況.
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/hynews/20151126/n3341.html
