對於小業務，需要自適應的相應式布局，如果引用bootstrap一樣的框架，將會非常笨重，於是手寫乙個
css
/*自寫柵格 start*/
body
* .row:after
[class*="col-"]
.col-1
.col-2
.col-3
.col-4
.col-5
.col-6
.col-7
.col-8
.col-9
.col-10
.col-11
.col-12
/*自寫柵格 end*/
/*less 變數 start*/
@normal_font_size: 20px;
@title_color: #6495ed;
/*less 變數 end*/
/*常用文字位置 start*/
.text_center
.text_right
.text_left
/*常用文字位置 end*/
/*常用margin start*/
.margin_top
/*常用margin end*/
.title
.title_left
.title_right
.airport_en
.time
.img_center
.ticket_detail
計畫 東方航空
ca12345
pek北京首都t3
計畫起飛
17:10
can
廣州白雲a
計畫達到
20:10
值機櫃檯
a
登機口a18
行李轉盤
--
行程助手航班資訊由非常準提供
響應式布局 響應式布局技巧
一理解幾種布局的概念 1 靜態布局 static layout 即傳統web設計，對於pc設計乙個layout，在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分 意思就是不管瀏覽器尺寸具體是多少，網頁布局就按照當時寫 的布局來布置 對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap...
響應式布局
裝置高度 device width,device height 渲染視窗的寬高 width,height 裝置的手持方向 orientation 裝置的解析度 resolution 使用方法 用外聯或者內嵌樣式 或者兩者同時搭配使用。裝置高度 device width,device height 表...
響應式布局
首先，什麼是響應式布局呢？響應式布局是2010年5月提出的乙個概念，簡單地說就是乙個 能夠相容多個終端，而不是為每個終端做乙個特定的版本。這個概念是為了解決移動網際網路瀏覽器而產生的，目的是為使用者提供更加舒適的介面以及良好的使用者體驗。優點 1.面對不同解析度裝置靈活性強 2.能夠方便的解決多裝置...