響應網(wǎng)頁設計方法對開發(fā)人員非常有幫助，因為它們允許我們在不維護網(wǎng)站不同版本的情況下為**廣泛的設備提供服務，并且沒有縮放和流體布局等其他方法的負面缺點。本文將重點介紹響應式網(wǎng)頁設計的三個主要錯誤，并為網(wǎng)頁設計工作人員提供一些避免這些錯誤的策略。網(wǎng)頁設計比例與流體和反應有很多混淆。在這些術語和網(wǎng)頁設計中，教師經(jīng)常錯誤地使用它們。事實上，這些是網(wǎng)頁布局技術設計的不同進化步驟。網(wǎng)頁設計縮放布局設計的大小，每個元素相對于所有其他元素。從這個意義上說，它們將動態(tài)地響應查看器規(guī)模響應的內(nèi)容大小的變化。布局本身仍然是靜態(tài)的，更改每個元素的大小以保持外觀一致。

　　上面的例子是：網(wǎng)頁設計不同分辨率的縮放設計布局：犧牲可讀性和一致性。網(wǎng)頁設計的流體布局是不同的，因為它們的容器元素的大小相對于視圖的大小。這是通過使用諸如EMS之類的相對單位來克服縮小文本的實現(xiàn)問題來實現(xiàn)的。網(wǎng)頁設計可由用戶縮放。上面的流體示例是：不同分辨率下的流體布局設計：犧牲可讀性一致性響應布局不，沒有。相反，它們會根據(jù)視口的大小更改顯示內(nèi)容。上面的響應圖像：不同分辨率下的響應布局示例。

　　缺點1）如果使用網(wǎng)頁上的打包菜單導航欄，則響應菜單設計應為amp；ldquo；捕獲amp；rdquo；轉(zhuǎn)到更緊湊的格式并在頁面上顯示一個小屏幕。但它并不總是顯示面積比點工作，但它太小，顯示在一行所有的菜單項。

　　有幾種方法可以解決這個問題。首先是將導航欄上顯示的項目數(shù)從一個類別減少到另一個類別和子類別。當您可以使用下拉菜單項顯示子類別時，請選擇一個類別。第二種方法是將點更改為較低的值。實際使用的寬度數(shù)從導航欄開始，而不是特定的設備大小。第三種方法是使用不同的菜單設備，例如滑動抽屜。

　　缺點2）網(wǎng)頁設計使用固定寬度的圖像內(nèi)容，通常設置相對于視口的大小。因此，當具有固定寬度的圖像的特定區(qū)域較大時，圖像被裁剪。滾動上面：一個壞的固定寬度圖像太大，例如：現(xiàn)在有滾動條和內(nèi)容推出屏幕。您可以通過使用相對單元格來設置圖像的寬度來避免此問題，或者如果您使用支持它的框架（例如Bootstrap），則可以使用相應的圖像類（例如：class=amp）；ldquo；IMG響應amp；rdquo；）調(diào)整上面圖像的大?。阂粋€元素以同樣的方式響應圖像類：現(xiàn)在滾動條。

　　缺點3）網(wǎng)頁的單位變形設計，這是比較模糊的，但它基本上會發(fā)生。網(wǎng)頁設計的布局顯示在一個小視口中，內(nèi)容被扭曲，這會無意中更改網(wǎng)頁設計的級別。上圖：一排扭曲的內(nèi)容。解決方案是顯而易見的，但令人驚訝的是，有多少人與之斗爭：只需設置高度、寬度，并清楚地填充元素。如果它移動了位置，包括其他元素，則可以將其設為要用div換行并設置邊距。

　　策劃有助于避免頁面設計的錯誤，只有**常見的響應頁面設計的缺點如何避免，但也有一個好頁面設計，錯過了許多其他的方法。防止錯誤并不難?，F(xiàn)代瀏覽器有內(nèi)置的響應布局測試，所以規(guī)劃網(wǎng)頁設計和測試通常是必要的。

　　對牧羊人的建議：

　　韓國網(wǎng)站設計第三世界

　　極簡鬼頁設計潮流

　　網(wǎng)站布局和外觀

　　網(wǎng)頁設計

http://m.ezekroy.com/wangzhansheji/1186.html 如何避免響應式網(wǎng)頁設計的缺點