響應(yīng)式網(wǎng)站優(yōu)缺點(diǎn)！
事實(shí)上，袁媛今天寫這個(gè)反應(yīng)靈敏的網(wǎng)站的原因是反應(yīng)靈敏的網(wǎng)站在過去兩年里非常受歡迎。通過銷售人員的介紹，許多顧客感覺棒極了。就連網(wǎng)站的銷售人員都說他們相信了，欺騙了自己。他們認(rèn)為反應(yīng)靈敏的網(wǎng)站無所不能且完美無缺。事實(shí)上，這種回應(yīng)方式也不是沒有缺點(diǎn)。確切地說，它也有許多致命的缺點(diǎn)。
響應(yīng)網(wǎng)站的設(shè)計(jì)應(yīng)根據(jù)用戶使用的設(shè)備的分辨率做出相應(yīng)的響應(yīng)和調(diào)整，以最大限度地滿足不同設(shè)備的用戶體驗(yàn)需求。響應(yīng)性網(wǎng)站設(shè)計(jì)是一個(gè)網(wǎng)站可以兼容多個(gè)終端，并且不需要為每個(gè)終端制作特定的版本。簡單理解:一個(gè)響應(yīng)網(wǎng)站=手機(jī)網(wǎng)站++pad網(wǎng)站+個(gè)人電腦網(wǎng)站。具體實(shí)現(xiàn)由許多方面決定，包括彈性網(wǎng)格的使用、彈性圖片、CSS媒體查詢等。
柔性網(wǎng)格)
h/]
內(nèi)容可以根據(jù)屏幕分辨率進(jìn)行擴(kuò)展或拉伸。
柔性網(wǎng)格)
h/]
小屏幕上的尺寸可以縮小，最大尺寸可以擴(kuò)大以支持大屏幕。
媒體查詢)
h/]
代碼片段放在網(wǎng)站的超文本標(biāo)記語言和樣式表中，用來收集設(shè)備顯示能力的信息，以支持各種形式的接口。
下面的袁大人會(huì)給你一個(gè)關(guān)于響應(yīng)網(wǎng)站的優(yōu)點(diǎn)和缺點(diǎn)的總結(jié)。
響應(yīng)式網(wǎng)站優(yōu)點(diǎn)
1:用戶體驗(yàn)友好型
隨著計(jì)算機(jī)尺寸的多樣化和智能設(shè)備(pad/smart phone)的普及，在當(dāng)前追求用戶體驗(yàn)至上的時(shí)代(2016年)，以前網(wǎng)站上常用的固定寬度(960px或1000px)逐漸不能滿足不同設(shè)備和不同分辨率的要求。在高分辨率計(jì)算機(jī)寬屏顯示器上，兩邊都有太多的空白。手機(jī)上顯示的內(nèi)容太小。為了看得清楚，用戶需要先放大界面，然后左右拖動(dòng)界面。響應(yīng)網(wǎng)站可以根據(jù)不同的終端、不同的大小和不同的應(yīng)用環(huán)境自動(dòng)調(diào)整界面布局、顯示內(nèi)容和內(nèi)容大小，提供非常好的視覺顯示效果和一致友好的體驗(yàn)。
友好的
由于響應(yīng)網(wǎng)站在不同的終端具有友好的界面顯示效果，用戶可以隨時(shí)與網(wǎng)站保持聯(lián)系，例如網(wǎng)址不變、累積和共享；通過單個(gè)網(wǎng)址收集所有社交共享鏈接，優(yōu)化搜索引擎。搜索引擎也變得越來越聰明。他們足夠聰明，可以將移動(dòng)網(wǎng)站連接到桌面網(wǎng)站。
超過3:個(gè)網(wǎng)站只需要一個(gè)后臺(tái)就可以完成所有的網(wǎng)站維護(hù)，而不會(huì)增加額外的負(fù)擔(dān)。說到這里，你可以說不是一個(gè)反應(yīng)靈敏的網(wǎng)站，而是一個(gè)手機(jī)站，也可以同步數(shù)據(jù)，后臺(tái)。的確如此，但它只限于維護(hù)一般的新聞內(nèi)容和產(chǎn)品，并非所有的內(nèi)容都可以在一站同步。例如，網(wǎng)站橫幅和某些特定位置上的圖片大小需要裁剪兩次。
響應(yīng)式網(wǎng)站缺點(diǎn)
1:與早期瀏覽器
不兼容
舊瀏覽器得不到很好的支持是一個(gè)致命的問題。舊版本的瀏覽器通常會(huì)打開圖片顯示不完整、布局混亂的響應(yīng)網(wǎng)站。
2:缺乏靈活性
基于不同終端的不同設(shè)備屬性，對(duì)產(chǎn)品用戶體驗(yàn)的要求將完全不同。擁有更多內(nèi)容和功能的網(wǎng)站不適合被動(dòng)的網(wǎng)站設(shè)計(jì)。例如，電子商務(wù)型網(wǎng)站和寬屏pc側(cè)內(nèi)容，如果所有內(nèi)容都顯示在手機(jī)側(cè)，不可避免地會(huì)導(dǎo)致手機(jī)側(cè)界面很長，需要基于手機(jī)側(cè)屬性的再信息框架設(shè)計(jì)，因此需要非常高的響應(yīng)度(response)的網(wǎng)站，實(shí)現(xiàn)起來非常困難和昂貴。然而，為了改善用戶體驗(yàn)，大型網(wǎng)站通常響應(yīng)1024px的高分辨率寬屏網(wǎng)站的最小響應(yīng)大小，而不是適應(yīng)移動(dòng)終端。移動(dòng)終端重新設(shè)計(jì)開發(fā)了一套移動(dòng)網(wǎng)站，可以簡單理解為2.5回應(yīng)，如電子商務(wù)網(wǎng)站亞馬遜、卡爾文·克萊因(Calvin Klein)、耐克和視頻網(wǎng)站Youtube。
3:可能會(huì)減慢
由于響應(yīng)頁面同時(shí)下載多組CSS樣式代碼，因此可以在手機(jī)上下載電腦和Pad的冗余代碼，導(dǎo)致文件變大，影響加載速度。但是，CSS風(fēng)格的代碼比圖片占用的內(nèi)存少，所以如果前端編程處理得好，不會(huì)影響網(wǎng)站的加載速度。
4:具有更高的開發(fā)成本
價(jià)格預(yù)算問題通常也是每個(gè)人最關(guān)心的問題。說到這里，每個(gè)人都可能會(huì)覺得奇怪，響應(yīng)網(wǎng)站只是一個(gè)網(wǎng)站。為什么它比為移動(dòng)站和計(jì)算機(jī)站制作兩個(gè)獨(dú)立的網(wǎng)站更貴？主要原因是:
首先，企業(yè)網(wǎng)站定制最重要的成本是人工成本。制作反應(yīng)靈敏的網(wǎng)站需要高級(jí)設(shè)計(jì)師和程序員。各種版本的獨(dú)立生產(chǎn)只需要普通的設(shè)計(jì)師和工程師，但是響應(yīng)網(wǎng)站的開發(fā)需要高級(jí)設(shè)計(jì)師和程序員，這導(dǎo)致了很大的差異。高級(jí)設(shè)計(jì)師和程序員與普通人之間的比較是每個(gè)人都能理解的，所以反應(yīng)靈敏的網(wǎng)站更昂貴。
其次，反應(yīng)靈敏的網(wǎng)站需要注意太多的細(xì)節(jié)。例如，對(duì)于普通的JS效果，需要考慮3-4個(gè)終端之間的差異。編寫的JS代碼應(yīng)該有很好的兼容性。根據(jù)過去的開發(fā)經(jīng)驗(yàn)，這些細(xì)節(jié)需要比普通網(wǎng)站多關(guān)注3-5倍。如果你更加關(guān)注細(xì)節(jié)，開發(fā)周期將會(huì)相對(duì)較長，這就是工時(shí)的產(chǎn)生方式。
第三，市場上許多響應(yīng)性網(wǎng)站往往不考慮網(wǎng)絡(luò)速度，移動(dòng)終端和個(gè)人電腦終端上加載的頁面數(shù)據(jù)往往相同，如果用戶使用2G/3G網(wǎng)絡(luò)速度，會(huì)導(dǎo)致速度和流量消耗較慢。一個(gè)完美的響應(yīng)網(wǎng)站不應(yīng)該是這樣的，但是這樣做所需的技術(shù)難度確實(shí)非常高，所以這也導(dǎo)致了成本的增加。
溫馨提示:一個(gè)企業(yè)是否是一個(gè)反應(yīng)靈敏的網(wǎng)站取決于它自己網(wǎng)站的定位。如果一般企業(yè)官方網(wǎng)站，網(wǎng)站內(nèi)容少，預(yù)算充足，網(wǎng)站頁面要求較高的客戶可以考慮做響應(yīng)性網(wǎng)站。
如果你想成為一個(gè)功能性網(wǎng)站，這個(gè)網(wǎng)站有很多內(nèi)容，所以選擇用電腦和手機(jī)分開做。事實(shí)上，每個(gè)人只要稍加注意就會(huì)明白?；貜?fù)風(fēng)格真的很好，為什么京東和天貓?zhí)詫毑蛔瞿?？首先，?shí)現(xiàn)這項(xiàng)技術(shù)太難了。其次，它真的不適合這些功能性網(wǎng)站。
