響應式設計出錯（以及如何解決）
大多數使用響應式網站設計都使用它不正確，這會導致問題。響應式設計的一般方法是懶惰的，如果你采用這種方法，你的一些響應式網站將完美無缺地工作，其中很多都不會。對于那些完美運作的人來說，這可能歸結為運氣問題。
將多列布局折疊到單個列中的問題在于它不能按比例工作。如果你必須水平縮小某些東西并且你沒有做任何其他改變，它顯然會垂直擴展。
在將桌面設計分解為移動設計時，以下是一些值得考慮的事項：
1.“移動優先”是一個概念
作為一個概念，它并沒有多大幫助，因為如果你真正設計出“移動優先”，那么除非你一直堅持純粹的單一列布局，否則嘗試將其擴展到桌面設計將是噩夢般的。
最好的方法是物理設計至少三種不同的布局。您可以考慮的最低要求包括：
桌面
肖像移動
如果你想要更加徹底，你還應該考慮：
巨大的桌面
普通桌面
大景觀平板電腦
大肖像平板電腦
小景觀平板電腦
小肖像平板電腦
大型景觀移動
大型移動電話
小景觀手機
小肖像移動
微小/可穿戴
有這么多不同的可能性，很明顯為什么懶惰的“一刀切”方法如此誘人，但同樣明顯的是為什么有這么多方法可以毀掉它。
2.馴服那個龐大的頁腳
桌面設計包括那些帶有大量內部鏈接的巨大頁面頁腳？在桌面上可能非常方便。在移動設備上，它看起來很荒謬，并且不僅僅是一種煩人的觸摸。您可以為每個設備斷點設計完全不同的頁腳。只需在模態對話框中提供這些頁腳鏈接，每個人都會獲勝。
3.您可以隱藏對核心消息沒有貢獻的內容
網站最重要的部分是核心信息。是的，在某些網站上，最重要的部分是廣告，它們僅用于投放廣告，但如果您必須在顯示核心消息或展示廣告之間進行選擇，請選擇消息。如果您隱藏核心內容然后提供大量廣告，Google更有可能將您視為不受歡迎的角色。這是因為核心內容是谷歌為您編制索引的內容，并且當該內容未顯示時，Google會將其視為具有欺騙性。
4.最好使用響應式圖像
所有圖像應盡可能響應。這帶來了有時如果縮小太多，圖像的細節可能會丟失。此問題的解決方案是使圖像可單擊，以便用戶可以查看與內容分開的圖像的放大版本。執行此操作的常規方法是通過模式對話框。
5.您可以使用其他背景
布局應始終設計為容納內容。如果由于某種原因布局無法保存內容，則應重新設計布局，而不是內容。很有可能為不同的設備使用不同的背景。你是一名設計師。動用你的想象力。
內容是網站的生命線，根據布局的限制對其進行修改或限制，這是網站所有者業余性的明顯標志，并表明布局設計不合理。地點。堅持你的原則，因為如果你默許，那個客戶將會遇到麻煩。
客戶永遠是對的，除非該客戶是網站設計客戶。客戶很少知道什么對他們最有利，而且自稱是一個知道如何為客戶提供正確結果的網站設計師是很重要的。
6.手動控制折疊順序（或避免內容中的空間參考）
拖累所見即所得的網站建設者所面臨的問題之一就是你通常無法決定div的堆積順序，在極少數情況下你可以做到這一點，你的辛勤工作每次都會被取消你做了最小的編輯，你將不得不重新進入并破解源代碼。
如果您不控制折疊順序，此圖像會清楚地解釋可能出現的問題。此外，您應該避免在移動設備上進行空間參考（例如“在左側列中”），無論左側還是右側的任何內容都可以轉移到上方或下方，另外如果您讓讀者認為它足夠重要，可以滾動看，然后他們將不得不再次向后滾動。
7.對于不同的布局，您可能需要不同的字體大小
使用CSS可以輕松控制字體大小，您可以為特定尺寸的顯示設置不同的字體大小甚至不同的字體（如果它們看起來更好）。您可以使用CSS媒體查詢找到顯示大小，然后將字體大小或字體修改為可顯示內容的值，以便最大限度地利用您要定位的設備類型。
響應式網站設計的概念很簡單，但其非常簡單是導致人們輕易犯錯誤的原因。擁有多年經驗的設計師已經習慣于為桌面設計，因此他們通常會根據桌面布局來規劃設計。
