IE不会加载CSS类-使用sass编译(scss文件)

时间:2018-09-11 13:56:31

标签: javascript css internet-explorer cross-browser visual-glitch

该类通常添加在元素上,并且位于相应的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 是一个很大的禁止事项

0 个答案:

没有答案