響應式與自適應

2021-09-22 02:15:47 字數 351 閱讀 3652

@ldjman

一、 響應式

(1)何為響應式

響應式就是**返回乙個**展示檔案,瀏覽器根據螢幕的大小而採用不同布局的視覺最適合的效果,意思同乙個**就是不同的螢幕大小會形成不同布局效果,目的都是為了根據螢幕的大小展現出最優的展示效果。

三、 響應式與自適應的對比

響應式 自適應

布局不一樣,根據螢幕的大小而匹配最優顯示效果 布局一樣,只是版本的不同比例的縮放

優點:內容適中,畫面適宜 優點:書寫快捷,畫面統一,辨析度高

缺點:書寫繁瑣,不統一 缺點:不能達到每個螢幕最優顯示效果

實現步驟如上,兩者差不多,稍複雜一點 實現步驟如上,兩者差不多,稍簡單一點

響應式 自適應式

一點點補充 1 靜態布局 static layout 2 流式布局 liquid layout 3 自適應布局 adaptive layout 4 響應式布局 responsive layout 5 彈性布局 rem em布局 關於響應式布局,可使用 css3 media 查詢 和 rem響應式布局...

響應式與自適應的區別

什麼是自適應 awd adaptive design 是 aaron g.的一本技術書的標題,時間要比rwd晚一些。他認為 awd 在包括 rwd 的 css media query 技術以外,awd 有可能會針對移動端使用者減去內容,減去功能。awd 可以在伺服器端就進行優化,把優化過的內容送到終...

自適應布局與響應式布局

什麼是響應式布局 響應式布局就是實現不同螢幕解析度的終端上瀏覽網頁的不同展示方式。通過響應式設計能使 在手機和平板電腦上有更好的瀏覽閱讀體驗。換句話說就是乙個 能夠相容多個終端,而不是為了每乙個終端做乙個特定的版本。什麼是自適應式布局 自適應布局就是指能忘了使網頁自適應的顯示在不同大小終端裝置上的新...