很久很久很久以前，每個人都只有一件衣服（ website ），不管你有錢沒錢大家每天都只穿這一件。
後來有人發明了舞會（移動網際網路），大家都爭先恐後地想要參加，於是乙個做「開發」的裁縫忽悠人們說進舞會最好訂做一件專門的禮服（ mobile site ），大家想想也對，上班和出去哈皮都穿同一件衣服多無聊啊，舞會就要有舞會的樣子。於是乎只要有點閒錢的人都做了禮服，他和原來那件叫做 website 的衣服是完全不一樣的，面子不一樣，裡子也不一樣。
後來舞會的種類越來越多了，很多人被迫做了好多好多件禮服，於是又有乙個叫做「前端」的裁縫站出來說你們每年要新做那麼多衣服，多費錢啊，而且一出門鑰匙啊皮夾子啊名片都要在不同衣服裡換來換去多麻煩。你看，我們新發明了乙個手藝叫做「responsive design」，只要把你原來那件衣服稍微那麼一改，以後去哪個舞會都可以只穿這一件衣服，衣服的裡子永遠都差不多，但面子可以按照要求自適應不同的舞會。
於是所有人都開始換上這種響應式的衣服了。。
響應式布局 響應式布局技巧
一理解幾種布局的概念 1 靜態布局 static layout 即傳統web設計，對於pc設計乙個layout，在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分 意思就是不管瀏覽器尺寸具體是多少，網頁布局就按照當時寫 的布局來布置 對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap...
響應式布局
裝置高度 device width,device height 渲染視窗的寬高 width,height 裝置的手持方向 orientation 裝置的解析度 resolution 使用方法 用外聯或者內嵌樣式 或者兩者同時搭配使用。裝置高度 device width,device height 表...
響應式布局
首先，什麼是響應式布局呢？響應式布局是2010年5月提出的乙個概念，簡單地說就是乙個 能夠相容多個終端，而不是為每個終端做乙個特定的版本。這個概念是為了解決移動網際網路瀏覽器而產生的，目的是為使用者提供更加舒適的介面以及良好的使用者體驗。優點 1.面對不同解析度裝置靈活性強 2.能夠方便的解決多裝置...