CSS 在打开开发者工具之前在 IE11 中被破坏
CSS is broken in IE11 until Developer Tools are opened
我有一个显示在页面中的模态小部件，当我在 IE11 中打开它时，它部分损坏，但只要我调整 window 大小或打开开发人员工具，一切都会得到修复。
似乎应用了一些媒体查询，比如在大屏幕上使用了一些适用于非常小屏幕的规则。但并非所有元素都是如此。
我做错了什么？
由于问题出在媒体查询上，我搜索并找到了类似问题的另一个答案。似乎是我的情况：症状之一是最低分辨率的媒体查询正在运行。
答案：
解决：最低分辨率的媒体查询也应该有min-width，只需要加上min-width: 1px，页面加载时不会激活
@media only screen and (min-width:1px) and (max-width:800px)
我遇到了类似的问题（直到 window 调整大小后才处理媒体查询）并发现当我从动态插入的 [=10] 中移动 CSS 时它消失了=] 标记在 <body> 中变为静态 <link> 在 <head> 中。 （我不确定这些更改中的哪一个实际上修复了它，因为当我发现这个解决方法时，我已经完全受够了这个问题并且不想进一步研究它。）
如果 html 也动态加载，我们有同样的问题媒体查询不适合 IE。需要通过调试检查哪个 html 标签导致了这个问题，我们将按钮属性更改为锚标签解决了这个问题。
IE 中存在一个问题，即它没有在媒体查询中为 注入的内容 正确应用样式。调整视口大小将导致应用样式。
永久解决方案是将样式 放在 之后 html.
我有一个显示在页面中的模态小部件，当我在 IE11 中打开它时，它部分损坏，但只要我调整 window 大小或打开开发人员工具，一切都会得到修复。
似乎应用了一些媒体查询，比如在大屏幕上使用了一些适用于非常小屏幕的规则。但并非所有元素都是如此。
我做错了什么？
由于问题出在媒体查询上，我搜索并找到了类似问题的另一个答案。似乎是我的情况：症状之一是最低分辨率的媒体查询正在运行。
答案：
解决：最低分辨率的媒体查询也应该有min-width，只需要加上min-width: 1px，页面加载时不会激活
@media only screen and (min-width:1px) and (max-width:800px)
我遇到了类似的问题（直到 window 调整大小后才处理媒体查询）并发现当我从动态插入的 [=10] 中移动 CSS 时它消失了=] 标记在 <body> 中变为静态 <link> 在 <head> 中。 （我不确定这些更改中的哪一个实际上修复了它，因为当我发现这个解决方法时，我已经完全受够了这个问题并且不想进一步研究它。）
如果 html 也动态加载，我们有同样的问题媒体查询不适合 IE。需要通过调试检查哪个 html 标签导致了这个问题，我们将按钮属性更改为锚标签解决了这个问题。
IE 中存在一个问题，即它没有在媒体查询中为 注入的内容 正确应用样式。调整视口大小将导致应用样式。
永久解决方案是将样式 放在 之后 html.