在IE中(9+)平时的样式不生效,只有用开发者工具选中这个元素才生效,是什么原因?

Question

在chrome和火狐里都可以生效只有在ie中不能,连Edge浏览器也不能.
没选时候的页面

F12选中这个元素的页面

应该应用的样式:
.interactiveSystem {

font-size: 0.3rem;
color: #333;

}

Answer 1

可能原因：　

１.在开发模式中　ＩＥ浏览器的调试模式可能是 IE11 的调试模式 rem这个单位低版本的IE浏览器是无法识别的， （如果开发移动端产品为啥要在ie系列的浏览器下调试呢？） 可以 百度 can i use 网站上查看不确定属性的兼容性

1. css如果是使用js加载进来的 console.log() 这个语句在IE低版本的浏览器中 正常模式下不会运行，会阻滞代码，影响后面的程序。而调试模式下不影响。

Answer 2

这个可能是rem和宽高百分比混用了，是ie特有的bug，我也遇到这个问题了，在网上搜索答案之后，找到一个回答，将 body 标签的 style 样式属性 font-size 设置为100% 就行。