例如：
給div 加邊框 或者加padding，左滑才能看到右邊盡頭
加上樣式box-sizing: border-box;
但是對於外邊距margin無效
less是一種css語言的預處理器。
通俗的說，css預處理器是一種專門編寫css**的語言(工具)，通過less來編寫css**變得更靈活，更高效，更容易維護。
什麼是預處理(預編譯)
less是用來書寫css**的工具，less檔案的內的**格式並不能被瀏覽器識別。想將less檔案**變成css**，必須先將這個less檔案預先進行處理。預處理的就可以將less檔案**轉換為css**。
目前編寫css的**的效率不高，為了適應前端開發日益複雜和工程化的需要，所以科學家開發了書寫css**的新方式。這種預處理器有很多，最常被使用及討論的就是less、sass、stylus，我們主要學習less。
移動端開發的注意事項
1 把viewport設定成裝置的實際畫素 在標籤中加入 a.移動端單獨使用一套資源時 直接對css進行編寫，在瀏覽器進行除錯的時候切換至手機螢幕進行顯示。b.pc端與移動端使用同一套資源時 在css中寫入 media max width 500px 這樣在螢幕小於500px的時候，使用的都是上面所...
開發注意事項
一 編碼方面 1.ui層面的東西，盡量畫素級復現設計稿，做完之後在ie,firefox,chrome中預覽一遍，確認沒有問題。2.拿到設計稿之前，對業務需求要有所了解，拿到設計稿之後進行推演，檢查互動是否有誤，如果有誤再三確認之後再開始做。3.元件書寫方式，如果輸入的資料能保持一致，則元件裡面處理資...
移動端注意事項
移動端 1，高度不是按百分比設定，而是直接設定高度px或者em,百分比容易變形 2，寬度按照百分比來衡量 3，一般父級div不直接設定寬高，而是由子級div撐起來 4，對相同元素不同機型樣式適配用 查詢，即 media 推薦文章 1 查詢1 2 查詢25，如何讓子級div相對於父級div垂直居中 p...