移動端布局設計的主要是隨著整個移動端市場的崛起所產生的新設計需求，與以往PC年代的大屏設計有著截然不同的設計方式與交互體驗。

本文主要是編程之家分享關于移動端布局設計中常用的一些布局設計方案與實現方法。希望對你學習移動端布局設計有所幫助。

移動端響應式布局

移動端響應式布局是Ethan Marcotte在2010年5月份提出的一個概念，簡而言之，就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的。 響應式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗，而且隨著大屏幕移動設備的普及，用“大勢所趨”來形容也不為過。隨著越來越多的設計師采用這個技術，我們不僅看到很多的創新，還看到了一些成形的模式。

移動端布局設計思路

我們在上面了解了什么是響應式布局，那在我們的實際項目中應該怎么去設計呢？在以往我們設計網站的時候都會受到不同瀏覽器的兼容性的困擾，還要來個不同尺寸設備，我們該怎么淡定下來呢？有需求就會有解決方案，說到響應式布局，就不得不提起CSS3中的Media Query（媒介查詢），這可是個好東西，易用、強大、快捷……Media Query是制作響應式布局的一個利器，使用這個工具，我們可以非常方便快捷的制造出各種豐富的實用性強的界面。