该类通常添加在元素上,并且位于相应的scss文件中。它自然应用于所有浏览器(Chrome,Opera,Safari,Firefox,Edge),除了IE(我仅针对IE11进行了测试)。
在开发工具中,该类最初似乎没有任何属性。但是在页面中执行操作后,将加载该操作。问题是它最初显示页面错误,而我应用的快速修复方法不是一个好方法-js超时,并在很短的时间后删除并添加类。这样就可以在IE中对该页面进行初步的体验。
还有其他人经历过吗? 如果是这样,您有更好的解决方案吗?
谢谢!
// css here
.container {
width: 70%;
margin: 0 auto!important;
@media (max-width: 768px) {
width: 100%;
}
}
////////////////////////////////////////////////
// script here
function ieFixFunction() {
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
document.querySelector(".project-dashboard > div").classList.remove("container");
setTimeout(function () { document.querySelector(".project-dashboard > div").classList.add("container"); }, 0);
}
}
P.S .:我知道使用!important 是一个很大的禁止事项