[分享]css兼容ie11书写

随着web前端技术的不断发展，越来越多的网页浏览器被推出，其中包括微软的IE11浏览器。然而，由于各个浏览器处理CSS的方式不同，因此我们需要确保我们的CSS样式可以在IE11中正确显示。下面是一些方...

随着web前端技术的不断发展，越来越多的网页浏览器被推出，其中包括微软的IE11浏览器。然而，由于各个浏览器处理CSS的方式不同，因此我们需要确保我们的CSS样式可以在IE11中正确显示。下面是一些方法来提高CSS在IE11中的兼容性：

/*1. 使用IE11 hack*/
/* 语法是在属性名称前加上一根下划线*/
.example_fieldset {
   _width: 95%
}

/*2. 使用 !important*/
.example_div {
    background-color: #f00!important;
}

/*3. 避免使用简写代码*/
/*例如margxin: 0 auto;*/
/*应该写成*/
/*margin-top:0;*/
/*margin-right:auto;*/
/*margin-bottom:0;*/
/*margin-left:auto;*/
.example_div {
    margin-top:0;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
}

/*4. 避免使用vw、vh*/
/* IE11不支持这些单位*/
.example_div {
    width: calc(70% - 20px);
}

/*5. 动态改变Overflow*/
/*IE11在较早的版本中处理Overflow方式不同*/
/*如果你需要根据一些用户交互动态改变元素的Overflow值*/
/*请在CSS中增加这个属性来确保它在IE11中可以正常工作 */
.example_div {
    overflow: scroll;
}