隨著電子產品的發展,一種名為“響應式網頁設計”的網站誕生了。其根本含義是自適應,也就是根據識別到的屏幕寬度調整相應的網頁設計,是為了不讓用戶在瀏覽網頁界面時出現視覺差異。目前,國內越來越多的網站是響應式網站,Google也已做出支持響應式網頁的明確表示。那么,響應式網站有什么優點和缺點呢?
響應式網站的優點:
1、可以提升互聯網移動端客戶的用戶體驗
目前,電腦的尺寸逐漸趨于多元化,移動設備(智能手機和平板電腦)不斷普及,而當下移動端用戶都追求完美的用戶體驗。而之前的網站普遍使用的960px寬度無法滿足不同設備和不同分辨率的序曲。在分辨率較高的電腦顯示屏上,網頁的兩邊空白過多,而在手機顯示屏上,內容過小,需放大界面后左右拖拽界面才能看得更加清晰。響應式網站根據不同的移動終端、不同的屏幕尺寸和應用環境,可以自動調整界面的大小布局,可以為用戶提高更好的視覺效果。
2、設計成本低
相對于開發不同大小的電腦、平板、手機網站來說,響應式網站可以結余設計成本。從設計角度來看,一般情況下,響應式網站的頁面僅需設計兩套設計效果圖即可,電腦和平板客戶端可共用效果圖,手機客戶端使用一套效果圖。從前端的開發角度來看,僅需根據臨界點給不同的終端開發不一樣的三套css樣式即可,省去了開發三套不同的前端代碼的費用。從后期的維護角度來看,僅需專心的維護一個網站,不需要維護三個不同的網站。
3、SEO友好
響應式的網站界面在不同的終端都有著友好的展示效果,因此用戶可以一直和網站保持著聯系。可以通過URL的單一地址去搜集最佳的社交分享鏈接引擎。
Google之所以建議使用響應式設計,是因為網頁的版本都有著同樣的HTML和同樣的內容,這樣方便Google的處理。
4、可以保持網頁的原有鏈接
響應式網站的缺點:
1、對于IE的老版本支持不好
對于老版本的IE(IE6、7、8)尤其是IE6的支持非常不好,這是一個非常知名的問題,如果網站的大部分用戶都是用的是老版本IE,那么不建議制作響應式網站。
2、靈活性差
由于不同設備終端的屬性不同,因此產品的用戶體驗要求不同。內容、功能多的網站不適合響應式,如電商一類的網站如果在手機端顯示,不但制作成本高,而且難度非常大。還有一些視頻,小游戲的網站,在使用了響應式設計之后,無法在移動終端打開,只能在電腦端打開。那么這時候,要么放棄響應式設計,要么就要修改游戲了。
3、手機移動端打開速度慢
因為響應式的網站需要同時下載好多套CSS代碼,因此在手機上顯示時加載速度會比較慢。
如沒特殊注明,文章均為FwShop原創,轉載請注明來自http://www.anafritsch.com/news/2863.html