Base64 图像未在 IE11 中显示

Question

我有一个 Base64 编码的图像，它在所有浏览器中都正确显示（甚至在 Edge 中），除了 internet-explorer。

我已经阅读过类似的问题/答案，其中 base64 编码的图像不允许大于 32KB 或在开始时缺少 /png。我已经涵盖了（base64 字符串的长度为 3330 个字符并以“==”结尾，因此使用公式 size = (length * (3/4) - 2) 我得到的文件大小约为 2400 字节应该没问题。

图片示例： https://codepen.io/anon/pen/zeZadO#anon-login

<img alt="QR Code" src="data:image/png;base64,......==">

感谢我可以尝试的任何建议

Answer 1

所以我认为在我的容器元素上使用百分比宽度是问题所在。看起来 IE 无法正确计算宽度；在我的 img-tag 上设置最小宽度解决了这个问题！