Question

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

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

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

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

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

我当时认为这是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智能，因此默认情况下始终显示：inline; 因此会出现布局问题。

随着页面的更新，Internet Explorer会重新调整元素大小

1 个答案: