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.