Html CSS问题中心和'；最大宽度'；对于IE11中的图像

我有一个基本的图像拇指，可以在Firefox/Chrome中正常工作，但在IE11中不起作用

图像

max width

不受尊重，但会变大

.thumb{
显示器：flex；
对齐项目：居中；
证明内容：中心；
光标：指针；
字体：0/0A；
身高：4.5雷姆；
宽度：4.5雷姆；
填充：0.25rem；
边框：1px实心#9e9e；
边界半径：0.1875雷姆；
盒影：0 1px 6px#BDBDBD；
光标：指针；
保证金：0.5雷姆0.0；
文本对齐：居中；
}
.thumb img{
显示：内联块；
最高高度：90%；
最大宽度：90%；
}

---

尝试添加：

最小宽度：1px到您的图像。这是IE的一个已知缺陷


.thumb{
显示器：flex；
对齐项目：居中；
证明内容：中心；
光标：指针；
字体：0/0A；
身高：4.5雷姆；
宽度：4.5雷姆；
填充：0.25rem；
边框：1px实心#9e9e；
边界半径：0.1875雷姆；
盒影：0 1px 6px#BDBDBD；
光标：指针；
保证金：0.5雷姆0.0；
文本对齐：居中；
}
.thumb img{
显示：内联块；
最高高度：90%；
最大宽度：90%；
最小宽度：1px；
}
尝试添加：
最小宽度：1px到您的图像。这是IE的一个已知缺陷


.thumb{
显示器：flex；
对齐项目：居中；
证明内容：中心；
光标：指针；
字体：0/0A；
身高：4.5雷姆；
宽度：4.5雷姆；
填充：0.25rem；
边框：1px实心#9e9e；
边界半径：0.1875雷姆；
盒影：0 1px 6px#BDBDBD；
光标：指针；
保证金：0.5雷姆0.0；
文本对齐：居中；
}
.thumb img{
显示：内联块；
最高高度：90%；
最大宽度：90%；
最小宽度：1px；
}
要解决IE11中的问题，您可以将
flex:1
添加到
img
元素中-请参见下面的演示：


.thumb{
显示器：flex；
对齐项目：居中；
证明内容：中心；
光标：指针；
字体：0/0A；
身高：4.5雷姆；
宽度：4.5雷姆；
填充：0.25rem；
边框：1px实心#9e9e；
边界半径：0.1875雷姆；
盒影：0 1px 6px#BDBDBD；
光标：指针；
保证金：0.5雷姆0.0；
文本对齐：居中；
}
.thumb img{
显示：内联块；
最高高度：90%；
最大宽度：90%；
弹性：1；/*增加*/
}
要解决IE11中的问题，您可以将
flex:1
添加到
img
元素中-请参见下面的演示：


.thumb{
显示器：flex；
对齐项目：居中；
证明内容：中心；
光标：指针；
字体：0/0A；
身高：4.5雷姆；
宽度：4.5雷姆；
填充：0.25rem；
边框：1px实心#9e9e；
边界半径：0.1875雷姆；
盒影：0 1px 6px#BDBDBD；
光标：指针；
保证金：0.5雷姆0.0；
文本对齐：居中；
}
.thumb img{
显示：内联块；
最高高度：90%；
最大宽度：90%；
弹性：1；/*增加*/
}

能否与大家分享屏幕截图，我在中找不到任何问题IE11@Kikkuz，附加截图，还更改了占位符图像，请重新检查它不是，是我默认的Windows 7、IE11；最初的占位符是正方形的，几乎可以，我改变了宽度比高度大得多的占位符；屏幕截图是IE11中的问题现在可以重现这个问题…你能分享屏幕截图吗，我在中找不到任何问题IE11@Kikkuz，附加截图，还更改了占位符图像，请重新检查它不是，是我默认的Windows 7、IE11；最初的占位符是正方形的，几乎可以，我改变了宽度比高度大得多的占位符；屏幕截图是IE11中的一个问题，现在可以重现这个问题了……不需要的时候为什么要使用flex？特别是在IE上。这是一个灵活的项目，所以使用
flex:1
…）为什么在不需要的时候使用flex？特别是在IE上。这是一个灵活的项目，所以使用
flex:1
…）