事實上，袁媛今天寫這個反應靈敏的網站的原因是反應靈敏的網站在過去兩年里非常受歡迎。通過銷售人員的介紹，許多顧客感覺棒極了。就連網站的銷售人員都說他們相信了，欺騙了自己。他們認為反應靈敏的網站無所不能且完美無缺。事實上，這種回應方式也不是沒有缺點。確切地說，它也有許多致命的缺點。

什么是響應式網站?

響應網站的設計應根據用戶使用的設備的分辨率做出相應的響應和調整，以最大限度地滿足不同設備的用戶體驗需求。響應性網站設計是一個網站可以兼容多個終端，并且不需要為每個終端制作特定的版本。簡單理解:一個響應網站=手機網站++pad網站+個人電腦網站。具體實現由許多方面決定，包括彈性網格的使用、彈性圖片、CSS媒體查詢等。

柔性網格)
h/]

內容可以根據屏幕分辨率進行擴展或拉伸。

柔性網格)
h/]

小屏幕上的尺寸可以縮小，最大尺寸可以擴大以支持大屏幕。

媒體查詢)
h/]

代碼片段放在網站的超文本標記語言和樣式表中，用來收集設備顯示能力的信息，以支持各種形式的接口。

下面的袁大人會給你一個關于響應網站的優點和缺點的總結。

響應式網站優點

1:用戶體驗友好型

隨著計算機尺寸的多樣化和智能設備(pad/smart phone)的普及，在當前追求用戶體驗至上的時代(2016年)，以前網站上常用的固定寬度(960px或1000px)逐漸不能滿足不同設備和不同分辨率的要求。在高分辨率計算機寬屏顯示器上，兩邊都有太多的空白。手機上顯示的內容太小。為了看得清楚，用戶需要先放大界面，然后左右拖動界面。響應網站可以根據不同的終端、不同的大小和不同的應用環境自動調整界面布局、顯示內容和內容大小，提供非常好的視覺顯示效果和一致友好的體驗。

友好的

由于響應網站在不同的終端具有友好的界面顯示效果，用戶可以隨時與網站保持聯系，例如網址不變、累積和共享；通過單個網址收集所有社交共享鏈接，優化搜索引擎。搜索引擎也變得越來越聰明。他們足夠聰明，可以將移動網站連接到桌面網站。

超過3:個網站只需要一個后臺就可以完成所有的網站維護，而不會增加額外的負擔。說到這里，你可以說不是一個反應靈敏的網站，而是一個手機站，也可以同步數據，后臺。的確如此，但它只限于維護一般的新聞內容和產品，并非所有的內容都可以在一站同步。例如，網站橫幅和某些特定位置上的圖片大小需要裁剪兩次。

響應式網站缺點

1:與早期瀏覽器
不兼容

舊瀏覽器得不到很好的支持是一個致命的問題。舊版本的瀏覽器通常會打開圖片顯示不完整、布局混亂的響應網站。

2:缺乏靈活性

基于不同終端的不同設備屬性，對產品用戶體驗的要求將完全不同。擁有更多內容和功能的網站不適合被動的網站設計。例如，電子商務型網站和寬屏pc側內容，如果所有內容都顯示在手機側，不可避免地會導致手機側界面很長，需要基于手機側屬性的再信息框架設計，因此需要非常高的響應度(response)的網站，實現起來非常困難和昂貴。然而，為了改善用戶體驗，大型網站通常響應1024px的高分辨率寬屏網站的最小響應大小，而不是適應移動終端。移動終端重新設計開發了一套移動網站，可以簡單理解為2.5回應，如電子商務網站亞馬遜、卡爾文·克萊因(Calvin Klein)、耐克和視頻網站Youtube。

3:可能會減慢

由于響應頁面同時下載多組CSS樣式代碼，因此可以在手機上下載電腦和Pad的冗余代碼，導致文件變大，影響加載速度。但是，CSS風格的代碼比圖片占用的內存少，所以如果前端編程處理得好，不會影響網站的加載速度。

4:具有更高的開發成本

價格預算問題通常也是每個人最關心的問題。說到這里，每個人都可能會覺得奇怪，響應網站只是一個網站。為什么它比為移動站和計算機站制作兩個獨立的網站更貴？主要原因是:

首先，企業網站定制最重要的成本是人工成本。制作反應靈敏的網站需要高級設計師和程序員。各種版本的獨立生產只需要普通的設計師和工程師，但是響應網站的開發需要高級設計師和程序員，這導致了很大的差異。高級設計師和程序員與普通人之間的比較是每個人都能理解的，所以反應靈敏的網站更昂貴。

其次，反應靈敏的網站需要注意太多的細節。例如，對于普通的JS效果，需要考慮3-4個終端之間的差異。編寫的JS代碼應該有很好的兼容性。根據過去的開發經驗，這些細節需要比普通網站多關注3-5倍。如果你更加關注細節，開發周期將會相對較長，這就是工時的產生方式。

第三，市場上許多響應性網站往往不考慮網絡速度，移動終端和個人電腦終端上加載的頁面數據往往相同，如果用戶使用2G/3G網絡速度，會導致速度和流量消耗較慢。一個完美的響應網站不應該是這樣的，但是這樣做所需的技術難度確實非常高，所以這也導致了成本的增加。

溫馨提示:一個企業是否是一個反應靈敏的網站取決于它自己網站的定位。如果一般企業官方網站，網站內容少，預算充足，網站頁面要求較高的客戶可以考慮做響應性網站。

如果你想成為一個功能性網站，這個網站有很多內容，所以選擇用電腦和手機分開做。事實上，每個人只要稍加注意就會明白?；貜惋L格真的很好，為什么京東和天貓淘寶不做呢？首先，實現這項技術太難了。其次，它真的不適合這些功能性網站。