在(exist)進行響應式網站設計時(hour)，我(I)們(them)應注意什麽？

響應式網頁設計的(of)概念是(yes)：
  頁面的(of)設計和(and)開發應根據用(use)戶行爲(for)和(and)設備環境（系統平台，屏幕尺寸，屏幕方向等）做出(out)響應和(and)調整。 具體的(of)練習方法由許多方面組成，包括使用(use)靈活的(of)網格和(and)布局，圖片和(and)CSSmediaquery。 無論用(use)戶使用(use)的(of)是(yes)筆記本電腦還是(yes)iPad，我(I)們(them)的(of)頁面都應該能夠自動切換分辨率，圖像大(big)小以(by)及相關的(of)腳本功能，以(by)适應不(No)同的(of)設備； 換句話說，頁面應該能夠自動響應用(use)戶的(of)設備環境。 響應式網頁設計是(yes)網站可以(by)與多個(indivual)終端兼容，而不(No)是(yes)爲(for)每個(indivual)終端制作(do)特定版本。 這(this)樣，我(I)們(them)就不(No)必爲(for)不(No)斷出(out)現的(of)新設備進行特殊的(of)版本設計和(and)開發。
  什麽是(yes)響應式網站？
  在(exist)多屏交互時(hour)代，響應式Web設計正變得越來(Come)越重要(want)，因爲(for)采用(use)響應式Web設計的(of)網頁可以(by)在(exist)不(No)同的(of)設備上(superior)運行，并且網站的(of)響應性是(yes)否出(out)色取決于(At)其是(yes)否具有靈活的(of)布局。 以(by)及是(yes)否有非常靈活的(of)布局，都取決于(At)如何設計，網頁設計的(of)合理性在(exist)網站的(of)響應中起着至關重要(want)的(of)作(do)用(use)，那麽在(exist)進行響應式網頁設計時(hour)應該注意什麽？
  不(No)要(want)優先考慮台式機的(of)設計
  開發人(people)員經常犯的(of)一(one)個(indivual)常見錯誤。 在(exist)設計網站時(hour)，他(he)們(them)優先考慮桌面版本，因爲(for)在(exist)這(this)些人(people)的(of)眼中，将基于(At)桌面的(of)網站轉換爲(for)适用(use)于(At)其他(he)設備的(of)自适應網頁設計非常容易。
  快速的(of)事情。 但是(yes)，在(exist)計劃階段本身發生(born)的(of)這(this)個(indivual)錯誤可能會成爲(for)一(one)個(indivual)非常大(big)的(of)問題。 它甚至會導緻返工，當然，許多錯誤也會擴散。
  導航欄菜單出(out)現問題
  在(exist)爲(for)移動終端進行設計時(hour)，導航欄設計問題可能對您不(No)利，因此您必須避免麻煩。 替代固定寬度的(of)設計，應根據設備的(of)類型确定導航的(of)響應設計（因此，智能手機的(of)導航菜單可能不(No)同于(At)平闆電腦的(of)導航菜單，當然也可能不(No)同于(At)台式機的(of)導航菜單）。
  許多設計師會發現自己被這(this)樣的(of)任務折磨了(Got it)，以(by)設計出(out)可以(by)适應所有屏幕的(of)導航菜單。 在(exist)許多情況下，設計人(people)員努力将水平列表菜單轉換爲(for)垂直列表菜單，尤其是(yes)在(exist)适應較小的(of)手機屏幕時(hour)。 但是(yes)，由于(At)導航欄不(No)是(yes)根據屏幕設計的(of)，因此可能導緻不(No)良的(of)用(use)戶體驗。
  内容不(No)應隐藏
  自适應設計通常沒有多少空間來(Come)顯示圖片和(and)内容，但這(this)并不(No)意味着您的(of)内容應被忽略。 您必須采用(use)一(one)種重新排列内容的(of)方式，以(by)确保其可讀性。 這(this)比較包容
  通過創建導航鏈接和(and)使用(use)錨點，易于(At)實施，用(use)戶可以(by)在(exist)頁面上(superior)看到(arrive)他(he)們(them)一(one)直在(exist)尋找的(of)内容。 那些通過CSS布局控制内容隐藏的(of)人(people)應該了(Got it)解，這(this)些内容仍然會
  正在(exist)加載，因此爲(for)用(use)戶提供完整的(of)觀看體驗沒什麽大(big)不(No)了(Got it)的(of)。 簡而言之，開發人(people)員不(No)應因使用(use)的(of)設備而“懲罰”用(use)戶。
  單獨的(of)移動網站地(land)址
  僅将地(land)址分配給移動網站是(yes)一(one)場災難，這(this)破壞了(Got it)我(I)們(them)最初的(of)交互設計的(of)目的(of)，并且是(yes)有争議的(of)。 用(use)戶訪問網站時(hour)，他(he)們(them)将被重定向到(arrive)移動版本。 結果，他(he)們(them)不(No)得不(No)浪費很多寶貴的(of)時(hour)間。 此外，這(this)也會嚴重影響您的(of)搜索排名。 但是(yes)，當然，使用(use)不(No)同的(of)URL也有許多優點。 它确保您可以(by)使體系結構更便攜
  該頁面的(of)移動網站，并且可以(by)在(exist)智能設備上(superior)獲得更好的(of)效果。 該站點還可以(by)照顧特定平台上(superior)的(of)性能和(and)性能。 不(No)幸的(of)是(yes)，擁有一(one)個(indivual)單獨的(of)移動網站地(land)址所帶來(Come)的(of)負面影響遠大(big)于(At)正面影響。
  不(No)良的(of)用(use)戶體驗

您不(No)能簡單地(land)将桌面版本壓縮爲(for)移動版本； 這(this)樣做會影響您的(of)用(use)戶體驗，并且用(use)戶可能會放棄您的(of)産品。 在(exist)手機有限的(of)空間内創建友好的(of)界面非常重要(want)。 您可以(by)采取一(one)些措施，例如，使用(use)下拉菜單代替桌面上(superior)的(of)導航欄，這(this)樣可以(by)節省空間。 如果您首先設計移動設備，那麽通常就不(No)會感到(arrive)頭痛。
  不(No)要(want)忽略跨上(superior)下文約定
  在(exist)進行響應式設計時(hour)，您不(No)僅可以(by)考慮台式機和(and)移動電話設備，還應該考慮其他(he)類型的(of)設備。 人(people)們(them)可能會通過智能電視或帶有嵌入式浏覽器的(of)機頂盒來(Come)訪問您的(of)網站。 如今，甚至掌上(superior)電腦也有不(No)同的(of)類型。 但是(yes)，這(this)并不(No)意味着您可以(by)爲(for)所有設備創建相同的(of)用(use)戶界面。 您最好爲(for)不(No)同的(of)設備創建不(No)同的(of)網站。 您需要(want)做的(of)就是(yes)創建一(one)個(indivual)對導航做出(out)響應并易于(At)用(use)戶理解的(of)設計。 創建的(of)導航可以(by)清楚地(land)保存設備的(of)上(superior)下文。
  不(No)要(want)忽略頁面加載時(hour)間
  随着寬帶的(of)普及，Web開發人(people)員已經習慣于(At)在(exist)頁面上(superior)使用(use)相對大(big)量的(of)資源。 但是(yes)，當我(I)們(them)使用(use)手機時(hour)，我(I)們(them)的(of)用(use)戶使用(use)速度較慢的(of)2G和(and)3G網絡。 同樣，維護Minf International的(of)人(people)也要(want)爲(for)其使用(use)的(of)帶寬付費。
  頁面在(exist)台式計算機上(superior)的(of)加載速度很快，但是(yes)在(exist)手機上(superior)加載頁面的(of)操作(do)可能會花費很長時(hour)間或使用(use)額外的(of)昂貴帶寬。 更糟糕的(of)是(yes)，當用(use)戶被迫等待頁面加載（即使是(yes)幾秒鍾）時(hour)，他(he)們(them)将離開頁面，您将失去訪問量。