亚洲综合小说另类图片

<dfn id="4z7un"><s id="4z7un"></s></dfn>
          1. <nav id="4z7un"><sup id="4z7un"></sup></nav>
            <th id="4z7un"></th>

          2. <output id="4z7un"><small id="4z7un"><input id="4z7un"></input></small></output>
            八周年活動月
            歡迎訪問長沙友點軟件科技有限公司旗下產品友點CMS官方網站!
            友點CMS

            響應式網站優缺點分析

            來源:友點CMS 日期:2016-10-12 14:49:05 屬于:前端開發
            響應式網頁設計(Responsive Web Design簡稱RWD)這個術語,由伊桑•馬科特(Ethan Marcotte)提出。他在A List Apart 發表了一篇開創性的文章,將三種已有的開發技術(彈性網格、彈性圖片、媒體查詢)整合起來,并命名為響應式網頁設計。
            響應網站設計應根據用戶使用的設備的分辨率大小進行相應的響應與調整,最大限度滿足不同設備用戶體驗需求。響應式網站設計就是一個網站能夠兼容多個終端,不需要為每個終端做一個特定的版本。簡單地理解:一個響應式網站=phone端網站+pad端網站+電腦端網站。具體的實現方式由多方面決定,包括彈性網格、彈性圖片、CSS媒體查詢(media query)的使用等。 
            彈性網格(flexible grids)
            可基于屏幕分辨率擴展或拉伸內容。

            彈性圖片(flexible grids) 
            在小屏幕上可縮小尺寸,并可擴展大最大尺寸以支持大屏幕。

            媒體查詢(media queries) 
            是放在站點HTML和樣式表中的代碼段,用來收集設備顯示能力的信息以支持多種形式的界面。

            優點: 
            1:用戶體驗友好

            隨著電腦尺寸多元化,智能設備(pad/智能手機)普及化,在當下追求用戶體驗至上的時代(2016年),之前網站普遍使用固定的寬度(960px)逐漸滿足不了現在不同設備與不同分辨率需求。在高分辨率電腦寬屏顯示器上,兩邊留白過多。在手機上顯示,內容顯示過小,用戶為了看清楚,首先需要放大界面,再左右拖拖界面。響應式網站可以根據不同終端、不同尺寸和不同應用環境,自動調整界面布局、展示內容、內容大小,提供非常好視覺展示效果,一致性友好體驗。 

            2:節省設計開發成本 
            相對需要開發電腦網站、pad網站、手機網站來說,響應式網站式節省設計開發成本的。從設計角度說,一般來說,響應式網站界面只需要設計兩套設計效果圖就行了,電腦端與pad端基本可以共用一套設計效果圖,手機端重新設計一套就可以了;從前端開發角度說,再不需要開發三套完成不一樣的前端代碼,只需要根據臨界點(如果是基于Bootstrap前端框架進行開發,它上面有明確說明,這個問題下回再和大家分享)為不同終端開發三套不同的css樣式;從后期維護角度來說,再不需要分別維護pc界面、pad界面、移動界面,專心維護一個網站即可。


            缺點: 
            1:對IE老板兼容性不友好 
            對于老版本IE(IE6、IE7、IE8)支持不好,這是一個致命的問題,如果你的網站用戶大多還采用老版本IE的話,建議不做響應式網頁設計。

            2:靈活性有所欠缺 
            基于不同終端的設備屬性不同,對產品用戶體驗要求就會截然不同。內容比較多帶有功能性的網站不適合做響應式網站設計,如:電商類型網站,寬屏的pc端內容如果全部要在手機端進行展示,勢必導致手機端的界面非常長,需要根據手機端屬性進行重新信息框架設計,這樣對響應網站要求非常高,實現難度與成本非常高。但是大型網站為了提高用戶體驗,通常做法,把高分辨率寬屏網站最小的響應尺寸響應到1024px,不再適配手機端,手機端重新設計開發一套手機網站,簡單理解為2.5響應,如:電商網站亞馬遜、Calvin Klein、Nike、視頻網站Youtube,等。

            3:速度可能會變慢
            由于響應式頁面是同時下載多套CSS樣式代碼,可能在手機上就下載PC、Pad的冗余代碼,導致文件變大,影響加載速度。 根據響應式網站的優缺點,我們不難看出:簡單的網站非常適合做響應式網站設計,由于它們的界面內容比較少,結構比較簡單,所以在不同終端、不同尺寸設備上進行網站信息框架調整、內容加減、圖片、文字、柵格響應比較容易。內容比較多帶有功能性的網站不適合做響應式網站設計,如:電商類型網站。
            相關文章
              暫無信息
            亚洲综合小说另类图片
            <dfn id="4z7un"><s id="4z7un"></s></dfn>
                    1. <nav id="4z7un"><sup id="4z7un"></sup></nav>
                      <th id="4z7un"></th>

                    2. <output id="4z7un"><small id="4z7un"><input id="4z7un"></input></small></output>