IE兼容模式和Intranet中的Filereader问题

Question

我正在设计一个将在公司内部网运行的网站。所有电脑都有IE11。我需要使用Filereader来预览上传的图像，但是如果不添加<meta http-equiv="X-UA-Compatible" content="IE=edge" />则不可能。但是，当我添加此标记时，它会完全混淆我的CSS布局。我该如何处理？

Answer 1

将文档设置为IE = edge将IE置于最高支持的文档模式，它与在页面中添加DOCTYPE指令基本相同，将其设置为HTML5 doctype。

但请注意

  

＆＃34; ...从IE11开始，文档模式被视为已弃用   不应再使用了。需要传统文档模式的网页   要正确显示应该重写以使用定义的功能   现代标准。＆＃34;

https://msdn.microsoft.com/en-us/library/jj676915%28v=vs.85%29.aspx

所以，我不会依赖使用x-ua兼容的标头并使用

<!DOCTYPE> 

改为

指令

您还需要修复CSS以使用最新标准，而不是尝试使其向后工作。如果它被最高支持的文档模式搞砸了，那么你的CSS不符合。

最后，IE11部分支持FileReader http://caniuse.com/#search=filereader，所以从技术上讲，你的FileReader应该可以正常工作。否则，您需要调查https://msdn.microsoft.com/en-us/library/gg699340%28v=vs.85%29.aspx

上的内容

Answer 2

好的，添加<!DOCTYPE>没有帮助，但是感谢@Roman Canlas的建议，我尝试了更多布局，并从<div>样式转换为HTML5布局，最后的工作原理。