Internet Explorer在单击/聚焦内容后调整内容大小

时间:2017-05-05 14:34:51

标签: html css internet-explorer flexbox

我尝试过搜索但却一无所获。可能使用错误的关键字。我对这个问题做了一个gfycat。

https://gfycat.com/BrownHighErin

我有内容,我在IE中点击它,事情调整大小。一切都是flexbox显示模型,没有锚点或按钮标签,它只是左边的一个图像,右边的一个表包裹在一些div中。该项目有大量的页面都使用flexbox。这是我第一次看到这种情况发生。我已经能够使用指针事件修复它:没有,但我不想使用该解决方案。

另一方面,IE检查器在发生这种情况时不会显示元素宽度的变化。它始终显示图像应该是的像素宽度,而不是显示的内容。

适用于Edge,Chrome和&火狐

1 个答案:

答案 0 :(得分:0)

如果没有看到您的代码,就无法确定问题是什么。如果它只发生在IE中,则可能是兼容性问题。 IE仅对flexbox有部分支持,如CanIUse.com所示。

IE和Flexbox的一些已知问题包括:

  • IE 11需要添加flex-basis属性
  • IE10和IE11容器可以计算任何弯曲的儿童'如果容器具有min-height但没有height属性集,并且容器使用display: flexflex-direction: column
  • ,则大小正确
  • IE10默认flex0 0 auto,而不是0 1 auto

有关详细信息,请参阅CanIUse flexbox page