響應式與自適應的區別

2021-08-21 12:18:04 字數 427 閱讀 5249

什麼是自適應(awd)

adaptive design 是 aaron g. 的一本技術書的標題,時間要比rwd晚一些。他認為 awd 在包括 rwd 的 css media query 技術以外, awd 有可能會針對移動端使用者減去內容,減去功能。awd 可以在伺服器端就進行優化,把優化過的內容送到終端上。意思就是,伺服器知道使用者是從手機上訪問的,所以就傳送手機上專用的資源給手機,這樣開啟會更快些。awd其實是cdn不友好的,因為cdn不會識別訪問裝置哦,至少目前還沒有乙個支援。

用蘋果官網來當示例圖,理解一下自適應

響應式與自適應

ldjman 一 響應式 1 何為響應式 響應式就是 返回乙個 展示檔案,瀏覽器根據螢幕的大小而採用不同布局的視覺最適合的效果,意思同乙個 就是不同的螢幕大小會形成不同布局效果,目的都是為了根據螢幕的大小展現出最優的展示效果。三 響應式與自適應的對比 響應式 自適應 布局不一樣,根據螢幕的大小而匹配...

響應式和自適應的區別

玩前端也有幾個月了,發現大家普遍混淆了響應式和自適應的概念。先給大家體驗一下響應式和自適應的區別,請放大縮小一下螢幕嘗試 自適應的體驗 響應式的體驗 起初,網頁設計者都會設計固定寬度的頁面,最開始的電腦顯示器解析度種類不多,因為當時電腦本來就少,即使有變化也是 800 850 870 880。比如 ...

響應式布局與自適應布局的區別

rem rem單位 css3 新增的乙個相對單位 相對於根元素html的font size的值進行動態計算得到的,如font size 14px,1rem 14px。例 根據當前螢幕寬度和設計稿寬度計算html fontsize的值 設計稿寬度 640px,fontsize 14px,螢幕寬度是37...