響應式和自適應本身沒有嚴格的分割線,這個不是專業術語,只是民間流傳的詞語,有的只是個人理解,每個人理解不一樣,可能給出答案不一樣

我個人理解是

自適應的自,就是同一台設備,比如在desktop瀏覽器,拖放窗口導致的視圖變化。到後面可以引申為不同設備但是同類設備的適應,就是你的網頁要在24寸台式機和13寸筆記本適配,因為他們都是同類設備。在這種理解上的自適應,用到的手段其實就是flex或者百分比,vw等方案,在移動端也有類似flexible的rem的方案

而響應式,就是不同設備的適配,主要手段是response.js或者媒體查詢。當然在不同設備交互差異太大,導致響應式的方案難以實施的情況,只能分開項目開發來優化體驗和開發效率

可見,實現自適應和響應式的目的是不一樣的。

所為一個成熟的前端,自適應是必須實現的。但是響應,至於你需不需要實現響應式,要看你的項目是否需要跨端,是否滿足實施條件。


呃, 麻煩題主先去了解下這兩個概念再來提問, 謝謝


變動不是特別大,當然響應式咯。。。我的就是


看來你並沒有了解這二者的概念。我這這篇回答裡面有詳細科普了響應式和自適應。網站流量主要來自手機端,meta標籤寫content="pc,mobile"會降低手機端流量/權重嗎。

或者你自己通俗的理解為:我的網站可以根據不同設備調整網站大小,但是不會更改樣式,這種的是自適應;那種會改變樣式(即理解為跟PC端展示的效果不一樣)這樣的是響應式。

其實二者你可以理解為同一類,具體的區別你參考那篇回復。至於說哪種更適合個人內容網站。目前移動端響應式更有優勢,雖然會被百度進行轉碼,但是響應式網站對搜索引擎較友好,用戶體驗上來說也更有優勢。

----------

我是木木,知識傳遞風景!歡迎點贊關注轉發,專欄更精彩!


個人覺得響應式網站更好,可以根據不同的終端自行調整瀏覽的布局,體驗感更好,想要更深入了解響應式自助建站系統的朋友也可以關註:上海雍熙公眾號進行了解,希望以下講解對大家有所幫助。

站在不同的角度得出的結論是所區別的, 隨著建站技術的進步,網站所用編程語言也不同,有asp網站、php網站、jsp網站、Asp. net網站等,後起之秀便有Html5建站,有些朋友把自適應網站與響應式網站混為一談,認為自適應網站就是響應式網站,其實不然,我們先聊聊兩者之間的區別。

響應式布局簡而言之就是一個網站能夠兼容多個終端,而不是為每個終端做一個特定的版本。在這裡大家可以理解為做一個網站就能適應多種設備,而不用在為每個設備做一個特定的版本,在不同的設備上展現的模式也不一樣。響應式可以為不同終端的用戶提供更舒適的界面和更好的瀏覽體驗。

自適應布局指能使網頁自適應顯示在不同大小終端設備上新網頁設計方式及技術。大家可以理解為不同大小的設備上呈現同樣的頁面,讓同一個頁面適應不同大小屏幕,根據屏幕的大小,自動調整布局。理論上來說,響應式布局在任何情況下都比自適應布局好一些,但在某些情況下自適應布局更切實際。自適應布局可以讓你的設計更加可控,因為你只需要考慮了了幾種狀態就可以了。但在響應式布局中你可能需要面對非常多狀態。現實當中響應式網站可以利用H5響應式自助建站系統來進行響應式的自建站。

發佈於 2020-07-03繼續瀏覽內容知乎發現更大的世界打開Chrome繼續Brain1981Brain198118年的網站開發老師傅 WordPress愛好者

如果不要求太嚴謹的扣詞的話,響應式 = 自適應

你說我給你開發的頁面是響應式的,很多人云里霧裡的,那就換個詞,自適應的,各種設備都能看,那別人就懂了


如果不要求太嚴謹的扣詞的話,響應式 = 自適應

你說我給你開發的頁面是響應式的,很多人云里霧裡的,那就換個詞,自適應的,各種設備都能看,那別人就懂了


推薦閱讀:
相关文章