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

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

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

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

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

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

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

　　對牧羊人的建議：

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

　　極簡鬼頁設(shè)計潮流

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

　　網(wǎng)頁設(shè)計

http://www.dgzxsm168.com/wangzhansheji/1186.html 如何避免響應(yīng)式網(wǎng)頁設(shè)計的缺點