響應式佈局、移動端佈局,有什麼區別?

響應式:響應式佈局是實現不同屏幕分辨率的終端上瀏覽網頁展示的不同方式。

簡而言之,就是一個網站能夠兼容多個終端——而不是爲每個終端做一個特定的版本。

優點:

就是面對不同分辨率設備靈活性較強

能夠快捷解決多設備顯示適應問題

主要用到的核心技術是媒體查詢

下面是同一個響應式項目展示在不同分辨率的設備下,內容展示的佈局變化

移動端:因爲響應式代碼量臃腫,加載時間長,不利於百度的關鍵詞優化和排名等等問題,現在基本上各大公司官網往往都是就移動端和pc端做兩套移動端佈局主要是針對智能手機爲主,實現在不同大小的設備上都能顯示同樣的界面,主要運用技術彈性佈局、rem、vw等等,也就是現在行內常說的H5站(m站)

學習是一個艱苦的過程,當然如果能把技術學成,最後也一定可以獲得高薪工作。掌握一個好的學習方法,跟對一個學習的人非常重要。今後要是大家有啥問題,可以隨時來問我,能幫助別人學習解決問題,對於自己也是一個提升的過程。自己整理了一份最全面前端學習資料,從最基礎的HTML+CSS+JS到HTML5的項目實戰的學習資料都有整理這是我的前端技術交流Q un++錢面是603----中間是985----後面是993----++++++++++++++有問題隨時在裏面問我,能給大家提出很多寶貴建議。

一句話話總結:

響應式佈局是爲了適配不同的終端而生,可以實現一個網站在不同設備、如:pc、平板、手機,都能正常顯示

移動端佈局是針對於智能手機爲主的適配,也就是現在行內常說的H5站(m站)。

響應式優缺點:

優點:一個網站能夠兼容多個終端,靈活性較強,能夠快捷解決多設備顯示適應問題。

缺點:代碼量臃腫,加載時間長,不利於百度的關鍵詞優化和排名,同時,也不利於手機版專題頁單獨做商業推廣,這是響應式設計網站最致命的弱點

移動端優缺點:

優點:單獨的移動站點會視爲和PC視爲兩個網站對待,無論排名、流量、權重都可單獨獲取,有利於百度的關鍵詞優化和排名和推廣

缺點:需要開發多套界面,且對頁面做的屏幕適配要求在一定範圍:比如pc端一般要大於1024像素,手機端要小於768像素。遇到狀況會需要改動多套代碼,流程較爲繁瑣,相應的人力成本也會增加。

不同之處:

1、適配的羣體不同,響應式適配各種終端,而移端大部分爲智能手機爲主

2、響應式佈局能根據不同的終端設備實現不同的頁面佈局,而移動端佈局大部分是單列布局

3、響應式佈局有可能造成冗餘的代碼較多(傳統式響應式佈局,僅依賴於媒體查詢,控制不同的頁面佈局),移動端佈局冗餘代碼較少,對針對性較強。

相同之處:

1、在智能手機上,響應式看到的頁面效果和移動端都能正常顯示

2、兩者都要面對適配的問題

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章