整合框架过程记录日志

原创
2016/01/15 10:40
阅读数 94

1. 取消原有panel.css 背景设定,责任交予css框架负责

.panel-header 背景css删除

2. tools 下划线控制,支持字符集图标

.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可升级,支持向下兼容模式。


展开阅读全文
打赏
1
1 收藏
分享
加载中
更多评论
打赏
0 评论
1 收藏
1
分享
返回顶部
顶部