Internet explorer在页面更新时重新调整元素的大小

Internet explorer re-sizing elements as page is updated

本文关键字：调整 元素 新调整 explorer 更新 Internet      更新时间：2023-09-26

我的问题是ie浏览器的问题。我有一个元素，基本上就是一个block, css:

md-card{
        min-width: 80%;
        background-color: #fff;
    }

这个元素充满了由图标和文本组成的数据元素。每个都是一个文件或文件夹，点击一个文件夹只是导航到该文件夹的内容。

这些元素使用数据绑定，当你点击一个文件夹时动态更新(所以它删除当前内容并用打开的文件夹的新内容替换数据)，出于某种原因，这会导致IE

出现问题

md-card元素，尽管将min-width设置为80%，但当打开文件夹时，有时会在屏幕上压缩到大约一英寸大。有时这种情况只会发生一瞬间，然后它会改变大小，有时它会坚持下去。但是，调整页面大小将导致它重新调整到预期的宽度。

我认为这是angularjs和IE之间的一些奇怪的交互，但我想知道这是一个问题，如果有人遇到或想法为什么会发生这种情况。

编辑:进一步检查似乎涉及min-width: 80%属性。将其更改为min-width: 600px可以消除此问题。

Internet Explorer的问题总是令人不安，但我找到了解决方案，请将这一行添加到md-card CSS表中。正如你提到的，它基本上是一个块，考虑一下这个。

       md-card{
               display: block ;         /*Add this line*/
               min-width: 80%;
               background-color: #fff;
          }

Internet Explorer不像chrome或Firefox那样智能，所以默认设置总是display:inline;因此出现了布局问题。

相关文章：