最近在知乎上回答過(guò)響應式的對網(wǎng)的重問(wèn)題，也重新對網(wǎng)頁(yè)響應式設計(ji)做了一個(gè)新的站響思考，我給整理總結了一下。應式

就目前來(lái)說(shuō)(我就(′?_?`)把時(shí)間劃分到2015年以后吧，設計之前的新思網(wǎng)頁(yè)就不拿來(lái)批判是否考慮響應式了)，對于一個(gè)web，對網(wǎng)的重響應式是站響最基本的要求，說(shuō)簡(jiǎn)單也簡(jiǎn)單，應式但是設計要處理好每一個(gè)細節不是那么容易的，響應式也是新思必修課，必然導致前端要提升自己的對網(wǎng)的重(zhong)能力。

網(wǎng)站如果不支持響應式或者響應式很粗糙，站響誰(shuí)會(huì )買(mǎi)ヽ(′ー｀)ノ單?應式

或許國內的大部分網(wǎng)站并不刻意(?????)要求響應式，就算要求響應式，設計大部分適配后的新思網(wǎng)站效果也是??非常粗糙的，總體來(lái)說(shuō)國內的網(wǎng)頁(yè)對響應式有比較高的需求的都屬于一些要求高的或者專(zhuān)業(yè)性很強的網(wǎng)站，就算你不做響應式，直接讓網(wǎng)頁(yè)按照PC端顯示的效果一樣(使用類(lèi)似 的代碼，雖然不建議這樣做，但這能有效確保具有固定尺寸的網(wǎng)頁(yè)能按預期顯示)，直接適配手機，客戶(hù)也會(huì )買(mǎi)單。境外??大部分客戶(hù)的網(wǎng)站，最基本的要求，不滿(mǎn)足響應式不(bu)會(huì )買(mǎi)單。

對于大多數網(wǎng)站，做兩套版本不是明智的選擇，因為后期維護成本，制作成本，調試成本，開(kāi)發(fā)成本等都會(huì )增加很多，而且互聯(lián)網(wǎng)發(fā)展迅速，網(wǎng)頁(yè)過(guò)時(shí)的很快，一般情況(kuang)，不值得花大量時(shí)間做兩套隨時(shí)會(huì )過(guò)時(shí)的頁(yè)面。并且大多數網(wǎng)站有常用的開(kāi)源程序的約束，做兩套對后端的擴展也會(huì )有更高的要求，可能會(huì )增加后端和服務(wù)(wu)器端的工作量。一般做兩套，適用于一些擁有??自己的源程(cheng)序的大平臺或者大型網(wǎng)站或者一些知名的網(wǎng)站。ヾ(′?｀)?大部分網(wǎng)站，無(wú)需做兩套。(當然如果你錢(qián)多，團隊杠杠的，時(shí)間精力也多，就忽略此段落)

對于網(wǎng)頁(yè)的響應式設計，我不會(huì )存在正面還是負面的評價(jià)，因為它是基礎啊，你得適應互聯(lián)網(wǎng)發(fā)展適應發(fā)展需要啊，適應客戶(hù)需要啊，做一套網(wǎng)頁(yè)，做好這個(gè)基礎，是(shi)理所當然的。對于一項基本功，沒(méi)有必要說(shuō)它好還是不好??。

一個(gè)真正(′?｀*)好的響應式，是能夠(???)處理不同尺寸的圖片的，如果CSS不能滿(mǎn)足需求，現在有很多成熟的結合JS的(′ω｀)技術(shù)手段，可以配合CSS做到更優(yōu)秀的相應，不會(huì )大幅度影響加載速度，它完全可以達到兩??套web的效果。畢竟你不是做APP，是做網(wǎng)頁(yè)。如果你要拿APP的原??生交互效果和(╬?益?)流暢程度和we(???)b相比，我覺(jué)得偏題了，沒(méi)有必要，本身它們就是??互補的東西，你不要他要，沒(méi)有誰(shuí)排斥誰(shuí)的必要。

如果還沒(méi)見(jiàn)過(guò)優(yōu)秀的響應式網(wǎng)站，可以去看看FWA上面的很多獲獎的移動(dòng)端網(wǎng)站。

總結

現在的響應(ying)式技術(shù)，已經(jīng)很發(fā)達了，不ヾ(＾-＾)ノ但能滿(mǎn)足不同設備的適配，還能夠從交互，從體驗(yan)，從加載速度等方面進(jìn)行匹配?，F在的響應式技術(shù)，不能和響應式才開(kāi)始流入的那幾年相提并論??，什么代碼冗余等等(′_｀)的負面東西可以忽略了。其實(shí)對于響應式這個(gè)東西，剩下的，只是愿不愿意學(xué)更加先進(jìn)的技術(shù)，愿不愿意研究和發(fā)現，愿不愿意使用到實(shí)際(ji)項目中的問(wèn)題而已。

我(wo)自己并不做獨立的前端工作，也不是什么大牛公(??-)?司的(′?｀)前端開(kāi)發(fā)，我只是為了服務(wù)自己設計的東西而已。只不過(guò)我也經(jīng)過(guò)了幾年的折騰，兼容性，響應式各種，用過(guò)很多開(kāi)發(fā)框架，學(xué)過(guò)研究過(guò)不少進(jìn)口知識，做過(guò)一些被認可的東東。我現在對于響應式設計，只有一個(gè)方向：

盡可能精簡(jiǎn)??代碼

盡可能以最少的Responsive Breakpo(′?｀*)in(T_T)ts兼容更多的設備

盡可(╬ ò﹏ó)能優(yōu)化加載速度

盡可能避免使用JS(Retina圖片適配我一般使用JS，相對來(lái)說(shuō)和響應式分開(kāi)，會(huì )更加靈活(⊙_⊙)，避免Retina的圖片適配也使用CSS)

盡可能做到和PC端一樣流暢的交互效果

小工具