最近進入了手機頁面的布局和搭建這方面的練習，對於布局這裡還是收穫頗豐。布局的時候要注意圖層的優先順序。好多介面有底部的選單，對於這些頭部和底部的選單都用固定定位，並用z-index提高圖層的優先順序，達到預期的結果。
其次要注意的是對和div這些元素的寬度定義，一般是選用根元素rem來作為單位定義的，而且用百分比來定義寬度的時候要考慮不同手機的解析度不同，可能對自己分好的模組有拉伸和擠壓的影響，導致出錯。
二、總結
經過自己這段時間寫了一些手機介面，對布局這方面已經越來越熟練，基本上沒有非常棘手的問題。另外對定位和彈性盒子等等這些功能性標籤進行穿插應用，對加深標籤記憶有非常好的效果，勤學苦練才有收穫！
Bootstrap 頁面的布局
回到目錄 bootstrap作為支援響應式布局的乙個前端外掛程式，確實發揮著重要的作用，無論你是在手機，平板還是 上瀏覽網頁，都能達到不錯的效果，這一切一切，都是bootstrap帶給我們的！今天主要說下頁面的布局，這是最基礎的東西了，當我們設計乙個站點時，應該為它設計乙個全域性性的統一的規範頁面，...
手機頁面的適配問題
乙個要適應各種手機螢幕，各種瀏覽器的手機版 適配是個很頭疼的問題，據了解，大概有兩種方法 1.使用第三方框架，如bootstrap jquery mobile等 2.將css中的所有px 變成em 而px與em的比例關係，是有乙個演算法的，並不是固定值，要根據巢狀關係來計算 轉了一篇關於 px轉換成...
首頁頁面的搭建
首頁頁面的搭建 en class container fluid class head class n bar n bar inverse class container fluid class n bar header button class n bar toggle collapsed dat...