问题出现的过程是这样的：

我自己用nodejs搭建了一个静态服务，用wp访问页面均是正常，动画，touch事件都没有问题。但是一旦弄到javaer的预发布环境，就立马趴窝，现象是：动画不执行，touch事件不触发，貌似h5跟他没有半毛钱关系。 当时我肯定是服务器问题，但是服务器怎么可能影响浏览器渲染呢？

没办法，去stackoverflow上找答案。不过也没找出个所以然，服务器么，无非是输出http头和内容。既然内容没有问题，肯定是头的问题。测试了http1 在msdn.aspx)上知道一个http头是可以告诉ie用什么浏览器模式进行渲染 在自己服务器上设置了一个头

"x-ua-compatible":"IE=9"

问题回显，应该是移动的javaer直接用的pc程序员的服务器，然后pc的程序员设置了ie使用ie9进行渲染。

解决方案就是在html的head头上加上meta标签，强制浏览器通过最新模式进行渲染。

<meta http-equiv="x-ua-compatible" content="ie=edge">

需要注意，这个标签必须是head的第一个子标签。不然不起作用。

扫码关注w3ctech微信公众号