在進行網站布局規劃時，媒體查詢有兩種計劃。一是運用max-width,從大屏幕(桌面端)開端向下的規劃計劃,二是運用min-width,從小屏幕(移動端)開端向上的規劃計劃。第二種計劃是移動優先(Mobile-First)的規劃戰略,即優先針對移動設備進行內容和布局規劃,再逐步添加內容,增強大屏幕的視覺作用,習慣分辨率更大的設備。移動優先戰略可以減少很多不必要的CSS代碼，有利于提高響應式網站的開發功率,更好的滿足用戶需求。
      響應式網站一般運用媒體查詢技能,設置小屏、中屏、大屏三種布局計劃。運用移動優先戰略,首先規劃小屏幕三字型布局。小屏幕的顯示空間有限，在進行規劃時要沙里淘金,對內容進行提煉，突出主要內容;對形式進行簡化,使導航進行折貼、縮小banner等。中屏幕布局中導航可以展開,banner可以適量擴大,內容區出現川字型和骨骼型布局。大屏布局在中屏布局基礎上,使側邊欄內容呈“display:block"顯示狀況，適當添加網站內容,突出網站特點,增強網站體現作用,補償小屏幕的視覺局限性;為閱讀者供給新的視覺元素、豐富的頁面內容。
     可見，響應式網站的規劃戰略可以供給多樣化的布局，使網頁在不同終端設備上都能供給良好的用戶體會和視覺作用,充分發揮移動互聯網渠道廣泛、覆蓋率高、運用便捷等優勢。移動優先戰略可以防止移動終端加載過多的資源，無須將PC端款式重新繪制，PC端體現作用也不會遭到影響。呼應式規劃為實現網站移動化供給了一種新的規劃戰略和挑選,跟著響應式網站規劃技能的不斷發展與完善,其遭到重視與應用也將會越來越多。