IE11中的CSS已损坏，直到打开开发人员工具为止
[英]CSS is broken in IE11 until Developer Tools are opened
问题描述
我有一个模态窗口小部件显示在页面中，当我在IE11中打开它时，它会部分损坏，但是，一旦我调整窗口大小或打开“开发人员工具”，一切都会变得固定。
似乎应用了一些媒体查询，就像在大屏幕中使用了一些非常小的屏幕规则。 但是，并非所有要素都是如此。
我究竟做错了什么？
4 个解决方案
解决方案1
4 已采纳 2016-01-12 06:52:19
由于问题出在媒体查询上，因此我搜索并找到了类似问题的另一个答案。 似乎是我的情况：症状之一是分辨率最低的媒体查询正在起作用。
答案： https ： //stackoverflow.com/a/25850649/171278
解决方案：分辨率最低的媒体查询也应该具有min-width ，只需添加min-width: 1px ，并且不会在页面加载时被激活。
@media only screen and (min-width:1px) and (max-width:800px)
解决方案2
3 2017-10-10 00:48:56
我遇到了类似的问题（在调整窗口大小之前不会处理媒体查询），并且发现当我将CSS从<body>中的动态插入的<style>标记移动到<body>中的静态<link>时，它消失了<head> 。 （我不确定这些更改中的哪一个真正解决了该问题，因为当我发现此变通办法时，我已经完全厌倦了该问题，并且不想再对此进行调查。）
解决方案3
1 2018-05-22 14:43:51
如果html也动态加载，我们也遇到了媒体查询不能用于IE的问题。 需要通过调试来检查哪个html标签导致了此问题，因为我们将按钮attr更改为anchor标签可以解决此问题。
解决方案4
0 2019-10-09 18:40:32
IE中存在一个问题，即它无法在媒体查询中正确应用样式以注入内容 。 调整视口的大小将导致应用样式。
永久的解决方案是HTML 后放置样式。
参考： https : //social.msdn.microsoft.com/Forums/ie/zh-CN/33fd33f7-e857-4f6f-978e-fd486eba7174/how-to-inject-style-into-a-page?forum=iewebdevelopment
IE11中的奇怪@ font-face问题（仅在检查开发人员工具中的元素后呈现）
[英]Strange @font-face issue in IE11 (renders only after you inspect an element in developer tools)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.