我有一个在页面中显示的模态小部件，当我在IE11中打开它时，它被部分破坏，但是只要我调整窗口大小或打开开发人员工具，一切都会得到修复。
似乎应用了一些媒体查询，就像一些非常小的屏幕规则被用于一个大的。但不是所有元素都是如此。
我做错了什么？
答案 0 :(得分：4)
由于问题出在媒体查询上，我搜索并找到了类似问题的另一个答案。似乎是我的情况：其中一个症状是最低分辨率的媒体查询正在行动。
答案：https://stackoverflow.com/a/25850649/171278
解决方案：分辨率最低的媒体查询也应该有min-width，只需添加min-width: 1px，就不会在页面加载时激活。
@media only screen and (min-width:1px) and (max-width:800px)
答案 1 :(得分：2)
我遇到了类似的问题（媒体查询在窗口调整大小之前没有被处理过）并且发现当我从{{1}中动态插入<style>标记移动CSS时它就消失了} {到<body>中的静态<link>。 （我不确定这些变化中的哪一个实际上已经解决了这个问题，因为当我发现这个变通方法时，我已经彻底厌倦了这个问题，并且不想进一步研究它。）
答案 2 :(得分：0)
我们有同样的问题媒体查询没有采取IE，如果HTML也动态加载。需要通过调试来检查哪个html标签导致了这个问题，因为我们将按钮attr更改为锚标签解决了问题。
答案 3 :(得分：0)
IE中存在一个问题，即对于 注入的内容 ，媒体查询中的样式无法正确应用。调整视口的大小将导致应用样式。
永久解决方案是将样式 放置在html之后。