目前，國(guó)內(nèi)響應(yīng)式網(wǎng)站的現(xiàn)狀怎么樣？

國(guó)內(nèi)現(xiàn)在響應(yīng)式市場(chǎng)也挺大的，作為一種極佳的跨設(shè)備兼容性解決方案，通過一套代碼適配所有顯示設(shè)備，簡(jiǎn)直不能更理想。

響應(yīng)式的好就不用我多說了，相信大家都懂。這里我主要說一下響應(yīng)式在國(guó)內(nèi)的一些問題。

1. 響應(yīng)式不是萬靈藥

國(guó)內(nèi)有大把的外包公司打出“快速建響站”的招牌來吸引客戶，不管客戶有什么樣的需求，都想方設(shè)法地去做成響應(yīng)式，然而這種所謂的響應(yīng)式僅僅解決了顯示的問題，并沒有解決可用性的問題?？催^一兩個(gè)案例就能明顯感受到其中的粗糙感和廉價(jià)感。

響應(yīng)式雖然是一種很好的方案，但并不是萬能的。對(duì)于一些以展示為主、交互較少的網(wǎng)站，響應(yīng)式確實(shí)是一種不錯(cuò)的解決方案；但對(duì)于一些信息量較大、交互較為復(fù)雜的網(wǎng)站（例如各類大型電商、門戶、后臺(tái)管理系統(tǒng)等），響應(yīng)式未必是最合適的解決方案，PC端和移動(dòng)端需要完全不同的設(shè)計(jì)來應(yīng)對(duì)，單獨(dú)建立移動(dòng)站才是更合適的方案。

2. 響應(yīng)式應(yīng)該是移動(dòng)優(yōu)先的設(shè)計(jì)

由于移動(dòng)浪潮晚于PC Web的到來，很多從業(yè)人員會(huì)下意識(shí)的認(rèn)為響應(yīng)式是把PC站進(jìn)行壓縮和調(diào)整去適配移動(dòng)端，但恰恰相反，響應(yīng)式正確的做法應(yīng)該是移動(dòng)優(yōu)先的，然后逐漸放大到平板、PC等更大分辨率的屏幕，整個(gè)設(shè)計(jì)過程中每一步都需要考慮設(shè)計(jì)在不同分辨率下的顯示效果，而不是等移動(dòng)端全部設(shè)計(jì)好了之后再去考慮更的的屏幕。

為什么呢？當(dāng)你試圖把一個(gè)傳統(tǒng)的PC站點(diǎn)試圖壓縮到小屏幕時(shí)，你會(huì)遇到的最多的問題就是大量的頁面內(nèi)容沒地方放，原本一屏就能容納下的控件現(xiàn)在被迫要隱藏或被安排到首屏以外的空間。這種感覺就像是你原本住著200平米的大戶型，家里布置了豐富的生活設(shè)施，咖啡機(jī)、魚缸、小花園……應(yīng)有盡有，但突然現(xiàn)在要你住到一個(gè)30平米的小戶型，顯然家里原本的那些生活設(shè)置沒法想以前那樣全都搬進(jìn)來，要么換成適合小戶型的設(shè)計(jì)減少空間占用；要么利用室內(nèi)設(shè)計(jì)中“偷空間”的概念，讓同樣的屏幕空間在不同的場(chǎng)景下只顯示必需的部分內(nèi)容；要么就只能丟掉一部分東西，當(dāng)然這是我們最不希望看到的。

反觀，如果是移動(dòng)優(yōu)先的設(shè)計(jì)，就好比是從小戶型搬到了大戶型，首先東西放不下的問題壓根就不存在了，原本需要裝箱子摞起來放的東西，現(xiàn)在可以攤開來放到更大的空間里方便拿取。當(dāng)然這時(shí)候需要改變的不僅僅只是生活設(shè)施擺放的間距，還要根據(jù)大戶型的特點(diǎn)去做針對(duì)想的調(diào)整，甚至由于現(xiàn)在有了更大的空間，可以添置一些原本在小戶型時(shí)代沒有的生活設(shè)施以改善生活，但這些添置的東西都屬于改善型，非必須的，有它們能生活得更好，但如果沒有它們，原本在小戶型時(shí)代我們也照樣活下來了。

3. 萬惡的IE

這是一個(gè)困擾國(guó)內(nèi)開發(fā)者多年的問題，十多年了，雖然現(xiàn)在基本可以不用管IE6了，但I(xiàn)E8的存在依然是個(gè)很大的阻礙，想必這兩塊狗皮膏藥應(yīng)該會(huì)是 IE 史上被世人記住最多的版本了吧。

單就移動(dòng)平臺(tái)而言由于沒有了 IE 的限制（由于一些眾所周知的原因，這里不考慮Windows Phone平臺(tái)），瀏覽器大都比較新，阻礙并不大，但由于響應(yīng)式設(shè)計(jì)需要兼顧PC端，因此還不能完全脫離 IE。

美國(guó)的瀏覽器市場(chǎng)環(huán)境整體比國(guó)內(nèi)要好不少（之所以以美國(guó)為例，是因?yàn)镮T行業(yè)美國(guó)確實(shí)占據(jù)了不少的主導(dǎo)地位，微軟、蘋果、谷歌、火狐這些瀏覽器大廠都是美國(guó)企業(yè)），即便是IE用戶普遍也都在使用比較高的版本，對(duì)于新特性的支持度要好一些，因此美國(guó)的開發(fā)者有更大的自信去在基礎(chǔ)設(shè)施層面上放棄對(duì)低版本IE的支持，典型的比如：jQuery 3.x、Angular 1.3+、React 0.15+等都已經(jīng)不再支持 IE8，微軟官方也早已放棄對(duì) IE 11 之前版本的技術(shù)支持。但在國(guó)內(nèi)由于一些歷史遺留原因這一進(jìn)程要落后不少。

作為開發(fā)者，有一個(gè)略顯激進(jìn)的方法能夠?yàn)檫@一進(jìn)程盡一點(diǎn)綿薄之力，那就是直接放棄對(duì)老版本IE的支持（比如IE8就別管了，從 IE9 起步，甚至直接 IE11），大膽使用較新的技術(shù)，對(duì)于老版本瀏覽器引導(dǎo)升級(jí)，告知升級(jí)會(huì)帶來極大的好處，并且是免費(fèi)的，以及如果不升級(jí)將面臨網(wǎng)站新功能無法使用等問題。一般來說只要是對(duì)科技圈有一定興趣的，并且智商正常的人，在充分了解了這一事實(shí)之后都會(huì)選擇去升級(jí)到最新版本的。

用戶主動(dòng)升級(jí)應(yīng)用的版本是需要?jiǎng)恿Φ?，這種動(dòng)力要么源于甜蜜的誘惑，要么源于失去的風(fēng)險(xiǎn)。當(dāng)動(dòng)力的缺乏對(duì)行業(yè)造成影響的時(shí)候，就需要行業(yè)本身去施加一些壓力了。Win10的限時(shí)免費(fèi)升級(jí)正版計(jì)劃就是這種方案的體現(xiàn)，雖然由于WIn10本身的一些問題導(dǎo)致Win7的地位依然不可撼動(dòng)，但升級(jí)方案本身還是吸引了大量的用戶參與進(jìn)來，不失為一個(gè)成功的營(yíng)銷案例。

小結(jié)一下

響應(yīng)式是一種非常好的設(shè)計(jì)思路，為Web的跨設(shè)備兼容提供了一種高度可用的可能性，但是從業(yè)人員也要清楚“不存在銀彈”這一事實(shí)，響應(yīng)式并不萬能，需要合適的場(chǎng)景以及良好的設(shè)計(jì)才能發(fā)揮響應(yīng)式的作用，否則會(huì)適得其反。