我有一个显示在页面中的模式小部件，当我在 IE11 中打开它时，它部分损坏了，但是一旦我调整窗口大小或打开开发者工具，一切都会得到修复。
似乎应用了一些媒体查询，例如在大屏幕中使用了一些非常小屏幕的规则。但这并不适用于所有元素。
我究竟做错了什么？
问问题
3633 次
4 回答
5
由于问题与媒体查询有关，因此我搜索并找到了类似问题的另一个答案。似乎是我的情况：症状之一是最低分辨率的媒体查询正在起作用。
答案：https ://stackoverflow.com/a/25850649/171278
解决方法：最低分辨率的媒体查询也应该有min-width，只需添加min-width: 1px，页面加载时不会激活。
@media only screen and (min-width:1px) and (max-width:800px)
于 2016-01-12T06:52:19.030 回答
4
我遇到了一个类似的问题（在调整窗口大小之前没有处理媒体查询）并发现当我将 CSS 从 中的动态插入标签<style>移动<body>到. （我不确定这些更改中的哪些实际上修复了它，因为当我发现这个解决方法时，我已经完全厌倦了这个问题并且不想进一步研究它。）<link><head>
于 2017-10-10T00:48:56.963 回答
1
如果 html 也动态加载，我们有同样的问题媒体查询不适用于 IE。需要通过调试检查哪个 html 标签导致了这个问题，因为我们将按钮 attr 更改为锚标签解决了这个问题。
于 2018-05-22T14:43:51.537 回答
0
在 IE 中存在一个问题，它不能在媒体查询中正确应用样式以用于注入的内容。调整视口大小将导致应用样式。
一个永久的解决方案是将样式放在 html之后。
于 2019-10-09T18:40:32.360 回答