對於響應式布局呢，我相信每個人都有自己不同的見解，有的呢認為響應式布局就是一種網頁，但是我們真正的響應式布局是可以隨網頁的大小，從而自己調節的一種網頁，在pc端的時候網頁上的所有的東西都呈一排顯示，或者是分為有兩個側欄，或乙個側欄，還有主題內容組成的，在pc端的時候是整體一排顯示的，但是隨著螢幕的縮小布局會變小在手機端的話，可能原來豎著排的按鈕就會橫排過來.....
那麼編寫響應式布局的幾種方法有：
1.首先大家應該認識midia這個單詞吧，media呢在英文中就是**的意思，這是就有人問media有什麼屬性呢？它可以幹什麼呢？其實media呢有乙個語句就是@media screen and(min-width:) (max-width);這個語句呢就是響應式布局的基礎應用，給它賦予不同的值的話，它就可以在不同的螢幕上顯示了，這樣她就可以實現響應式布局的效果了，但是由於瀏覽器的相容問題，它依舊存在的許多的毛病這怎麼辦呢？這時就涉及到了media的一些其它的屬性了，總之一句話media還是很強大的，用它也可以實現響應式布局。
2.其次呢是響應式布局的另一種實現的方法以百分比的形式給寬度，這樣的布局也可以實現響應式布局的效果隨著螢幕的放大縮小布局也會跟著放大縮小的，這種布局的方法雖然可以實現響應式布局但是現在在我的的工作，或是公司中已經很少推薦使用這種布局的方式了，雖然說這種布局的方法簡單，但同時它也存在著很大的問題已經跟不上時代的發展了，而且這樣布局的**量相對來說**多、視覺不美觀，這樣在我們做專案的時候有很大的影響，所以儘管這種布局的方法是簡單但是我們現在已經很少有公司去用這種的布局方法了。
以上呢就是我個人對響應式布局的見解，這只是我自己的一些見解如果有什麼不對的地方請大家多多指點，謝謝大家！
響應式布局 響應式布局技巧
一理解幾種布局的概念 1 靜態布局 static layout 即傳統web設計，對於pc設計乙個layout，在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分 意思就是不管瀏覽器尺寸具體是多少，網頁布局就按照當時寫 的布局來布置 對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap...
響應式布局
裝置高度 device width,device height 渲染視窗的寬高 width,height 裝置的手持方向 orientation 裝置的解析度 resolution 使用方法 用外聯或者內嵌樣式 或者兩者同時搭配使用。裝置高度 device width,device height 表...
響應式布局
首先，什麼是響應式布局呢？響應式布局是2010年5月提出的乙個概念，簡單地說就是乙個 能夠相容多個終端，而不是為每個終端做乙個特定的版本。這個概念是為了解決移動網際網路瀏覽器而產生的，目的是為使用者提供更加舒適的介面以及良好的使用者體驗。優點 1.面對不同解析度裝置靈活性強 2.能夠方便的解決多裝置...