辦公一台電腦？上班或出去玩的時候手裡抓著一兩個手機？ipad？回到家，又守著筆記本？放眼一看，其實大家都差不多。移動端需求量龐大，但功能強大的pc還是必不可少的。這時我們就會想到，我們希望可以隨時隨地瀏覽那些常用的**，包括我們借朋友手機用或換了新的手機或筆記本或ipad的情況。但對於開發者來說，現在各種解析度的裝置層出不窮，如果為每個**做出適應這麼多型別的版本，這工作量可想而知，真是巨恐怖，且後期維護也是很很麻煩的事。
我們可以考慮下響應式布局（responsive web design,rwd）。
簡單來說響應式布局就是乙個網頁適應多個終端，它在不同解析度的裝置下都能讓使用者體驗到舒適的瀏覽，但工作量大，高成本低效率；**累贅，載入時間會加長，布局結構的改變也可能引起使用者混淆，總體來說效能會受到一定的影響，因此這是一種折中的辦法。
響應式布局設計更多資訊
自適應，首先要識別螢幕裝置及螢幕大小，然後根據具體情況自動調整布局
我們要用css中的media query（媒介查詢）
自適應
響應式設計布局
簡單說呢就針對不同的螢幕解析度應用不同的css樣式。比如在電腦 pad裝置上，螢幕比較寬，就可以一行放2個div。到了手機上，或者pad豎著拿的的時候，一行就只放1個div。這裡有2個關鍵點 以上兩點都應該不依賴與js。實現第一點依靠的是流式布局。就是所有參與布局的div都用float left，寬...
響應式Web設計 布局
去年上半年，我開始著手推動專案中響應式設計的落 地。以官網優化需求為契機，主動去做了響應式的頁面設計，也說服了產品 設計和開發的www.cppcns.com相關同事一起把它上線落實，但不幸的是，由於各種方面的原因，比如，生搬硬套的pc模組，無差異化的設計使得移動端閱讀不佳，導航相容性有限等等原因，上...
資料大屏響應式布局rem
資料大屏響應式布局，主要用到rem，涉及乙個rem.js檔案，需要安裝乙個依賴 postcss px2rem 此外還用到vw vh 百分比相對單位來設定布局寬度。1 什麼是rem？摘自菜鳥教程 rem是css3新增的乙個相對單位 root em，根em 這個單位與em有什麼區別呢？區別在於使用rem...