w3ctech

兼容wp遇到的一个问题

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

我自己用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微信

扫码关注w3ctech微信公众号

共收到0条回复