IE10的一些坑

  1. 不支持标准 touch 事件,要用 MSPointerDown 等
  2. WP上有时候会有渲染问题,虽然支持 css3 动画,但是效果极差
  3. 你造吗font: 1rem/1 sans-serif;这么写竟然无效

最近在开发移动触屏版,申请了公款技术支持了一部Lumia 925,想做个兼容WP8 IE10的网站。
结果各种坑啊……
之前还碰到过可以透过一个 z-index 很高的 mask div 点击到下面的 link 的诡异事件。
虽然这个诡异事件还没解决,但是好像绑定了事件以后能够稍微缓和点。
为毛事件绑定不会穿透到下面去呢……

我的Draft很荣幸的存了4篇了,我果然是比较勤快的人……

// 2014-06-06 UPDATE

经过几次测试,发现IE10不支持font申明里用rem单位。
如果写成font: 1em/1 sans-serif;
或者分成font-size, line-height, font-family的话是没有问题的。
另外移动版的 IE10 表现和桌面版的 IE10 基本上是一样的,也支持 MSPointer 事件,就是没有穿透问题。