認(rèn)為響應(yīng)式能解決所有問題，那就大錯特錯了

據(jù)相關(guān)數(shù)據(jù)顯示，目前約有11%的網(wǎng)站是響應(yīng)式的，而且這個數(shù)字還在不斷增長。盡管如此，我們還是應(yīng)該對響應(yīng)式設(shè)計有一個基本的認(rèn)識：響應(yīng)式設(shè)計很棒，但不是萬能的。自2000 年以來，設(shè)計人員和開發(fā)人員將移動設(shè)備的問題過于簡單化，以至于有些人仍然認(rèn)為響應(yīng)式網(wǎng)頁設(shè)計可以解決所有問題。

如果您堅持在移動設(shè)備上采用響應(yīng)式設(shè)計，性能問題可能隱藏在轉(zhuǎn)化率背后。根據(jù)Guy Podjarny 的研究，無論屏幕大小如何，72% 的響應(yīng)式網(wǎng)站都提供相同的字節(jié)，這將不可避免地降低移動網(wǎng)絡(luò)連接速度。你需要清楚：并不是所有的用戶都有耐心等待網(wǎng)站加載，也許用戶還沒來得及感受到響應(yīng)式設(shè)計在不同屏幕上的表現(xiàn)，用戶就會因為等不及加載完成而關(guān)閉網(wǎng)站.

只是考慮屏幕大小，很難達(dá)到移動化最佳呈現(xiàn)效果

在移動時代，響應(yīng)式可以解決跨桌面和移動窗口尺寸范圍的問題。但僅考慮屏幕尺寸是低估了移動設(shè)備。因為現(xiàn)在，桌面端和移動端之間的界限正在模糊，基于不同設(shè)備的我們?nèi)匀挥卸喾N可能性。例如，不同的設(shè)備呈現(xiàn)方式不同，在iPhone 上看起來很棒的頁面在另一個平臺上可能看起來很糟糕。

響應(yīng)式設(shè)計是一種在桌面網(wǎng)站的基礎(chǔ)上根據(jù)設(shè)備屏幕尺寸和分辨率適配網(wǎng)站內(nèi)容、設(shè)計和導(dǎo)航的方法。它對網(wǎng)站的布局有嚴(yán)格的要求，只有采用流體網(wǎng)格格式的頁面布局才能實現(xiàn)響應(yīng)式設(shè)計效果。因此，響應(yīng)式設(shè)計是一種主要針對前端頁面的移動解決方案。

對于網(wǎng)站的移動端來說，是一個折衷的設(shè)計方案，因為不能通過后臺針對移動設(shè)備進(jìn)行靈活的更改和調(diào)整，而且由于設(shè)計要求嚴(yán)格，會受到很多方面的影響。由于各種因素的影響，很難達(dá)到最佳的呈現(xiàn)效果。不信，我們來看幾個典型的例子：

例一：菜單折行

如果在PC端頁面頂部使用導(dǎo)航欄，當(dāng)頁面在小屏幕上顯示時，響應(yīng)式設(shè)計通常會將其“打散”成更緊湊的格式，但這并不總是有效，如果顯示區(qū)域比斷點寬，一行顯示所有菜單項不夠，結(jié)果會導(dǎo)致菜單換行。

例二：圖片被裁剪

在響應(yīng)式設(shè)計中，內(nèi)容區(qū)域通常會隨著窗口的大小而變化。所以當(dāng)網(wǎng)站使用定寬圖片時，當(dāng)圖片超出顯示區(qū)域時，圖片會被裁剪，如下圖，因為圖片太大，出現(xiàn)滾動條，內(nèi)容被擠出屏幕。

例三：元素扭曲

本質(zhì)上，當(dāng)布局顯示在小部件上時，所有未處理的列都呈現(xiàn)為行。這是一個問題，因為內(nèi)容扭曲會在不經(jīng)意間改變設(shè)計的層次結(jié)構(gòu)，并在一定程度上改變網(wǎng)站原有的布局結(jié)構(gòu)，從而導(dǎo)致用戶混淆。

靈活度不夠，小改變會制造“大麻煩”

當(dāng)一個響應(yīng)式網(wǎng)站導(dǎo)航僅僅顯示在一行中時，如果你需要在導(dǎo)航標(biāo)題翻譯成其他語言后添加新的導(dǎo)航類別、內(nèi)容章節(jié)或更改字符長度，你知道會發(fā)生什么嗎？這是正確的！這些情況都會破壞原來的設(shè)計方案。比如會出現(xiàn)所有導(dǎo)航都擠在一起的情況，會把那些“粗手指”干掉，因為在小屏幕上，你無法點擊你想訪問的內(nèi)容。導(dǎo)航鏈，大大增加了誤操作的幾率。

更嚴(yán)重的是，這可能意味著以前的網(wǎng)站設(shè)計可能要完全重新設(shè)計和重新設(shè)計，只是因為你想在原來的網(wǎng)站上做一些小的改動。

在性能至上的世界中，移動網(wǎng)絡(luò)體驗必須快如閃電?？焖?、有用且兼容的體驗是所有移動設(shè)備面臨的挑戰(zhàn)。當(dāng)您使用響應(yīng)式設(shè)計時，這些挑戰(zhàn)就存在了。引用Ethan Marcotte 的話：“最重要的是，響應(yīng)式網(wǎng)頁設(shè)計并不是為了取代移動網(wǎng)絡(luò)?！表憫?yīng)式設(shè)計從來都不是為了解決“性能”，但是，相信它會解決你所有的問題是一個大錯誤，非常錯誤。如果我們可以使用一些其他技術(shù)來實現(xiàn)響應(yīng)式設(shè)計的好處而不損害移動設(shè)備的性能，那將是理想的。

本文來源：推來客

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！