IE8 下bootstrap的兼容问题
IE8不支持bootstrap栅格化布局,都用col-xs的列布局来实现。
一些bootstrap中的样式在IE中不起效要在@media媒体查询不同分辨率中写出来
ie下响应式的宽度设置问题:
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
设置边框,边框属性要分开写切边框颜色要用RGB格式
border-top-color: rgb(204,204,204); border-right-color: rgb(204,204,204);
border-bottom-color: rgb(204,204,204); border-left-color: rgb(204,204,204); border-top-width: 1px; border-right-width: 1px;
border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-left-style: solid;Box-sizing: border-Box;
图片居中display:table-cell;vertical-align: middle
background不支持连写,要分开写
如果使用下拉菜单组件,背景颜色不能设置为透明,否则二级菜单点不到。
背景图不能平铺,在ps中设置相对应的宽高,
当电脑像素超过图片的宽度时,用:
filter:progid:DXImageTransform.Microsoft.AlphaimageLoader(src='../upload/lvimg/22.png', sizingMethod='scale');
src路径要和background的 url路径一致。
清除浮动.clearFix:after,.clearFix类名加到所有需要清除浮动的父级元素即可
.clearFix:after,.clearFix:before {content: "";display: block;clear: both;}
轮播图
高大于宽时,让图片完整显示:
min-height设最小高度,再使用一个overflow:visible; img的width:100%;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。