Internet Explorer在页面更新时调整元素大小

Question

我的问题是Internet Explorer问题。 我的css有一个元素，基本上只是一个块：

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

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

这些元素正在使用数据绑定，并且在您单击文件夹时会动态更新（因此它会删除当前内容，并用打开的文件夹中的新内容替换数据），并且由于某些原因，这会导致IE中的问题

尽管将min-width设置为80％，但md-card元素有时会在打开文件夹时缩小到屏幕上的一英寸大。 有时，这种情况仅发生一瞬间，并且会调整大小，有时会发生变化。 但是调整页面大小将导致其重新调整为预期的宽度。

我当时以为这是angularjs和IE之间的怪异互动，但我想知道这是否是任何人都遇到过的问题，还是有关为什么发生这种情况的想法。

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

Answer 1

Internet Explorer的问题始终存在问题，但是我想出了解决方法，请将此行添加到md-card CSS工作表中。 正如您提到的，它基本上是一个障碍，请考虑一下。

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

Internet Explorer不如chrome或Firefox聪明，因此默认始终为display：inline; 因此出现布局问题。