整合框架過程記錄日誌

1. 取消原有panel.css 背景設定,責任交予css框架負責 css

.panel-header 背景css刪除 html

2. tools 下劃線控制,支持字符集圖標 bootstrap

.panel-tool a {
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  margin: 0 0 0 2px;
  vertical-align: top;
  text-decoration: none;
}

3. bootstrap 的柵格系統因爲存在負的margin-left,在和css插件整合的時候,通常插件會計算寬度,這個時候出現負的margin 會致使滾動條出現 瀏覽器

採用DOM+CSS方案解決 框架

<div class="f-ysxn f-fill">
	        <div class="row">
	        	<div class="col-md-12">
	        		<div class="row">
			        	<div class="col-md-4">
			        		123123
			        	</div>
			        	<div class="col-md-8">
			        		123123
			        	</div>
			        </div>
	        	</div>
	        </div>
        </div>
.f-ysxn{overflow-y: auto;overflow-x: hidden;}
.f-fill{width: 100%;height: 100%}

4. bootstrap 中字體圖標在IE7中不支持,因此在有強力版本要求的時候使用圖標圖片代替,不過多能夠經過CSS設定解決,基本上我也能說服客戶使用IE8以上版本的瀏覽器,XP可升級,支持向下兼容模式。 字體

相關文章
相關標籤/搜索