【问题标题】:-ms-zoom not working in IE 9-ms-zoom 在 IE 9 中不起作用
【发布时间】:2013-11-29 00:41:52
【问题描述】:

http://codepen.io/anon/pen/dhtAo

.container{
    zoom: 2 !important;
    -moz-transform: scale(2);
    -ms-zoom: scale(2);
    }

此代码在 FF 和 chrome 中运行良好。但在 IE 9 中,只有文本被缩放,而不是时钟。只有当我删除上面的代码时才会显示时钟。

有人知道这个问题的原因和解决方法吗?

【问题讨论】:

    标签: jquery css flipclock


    【解决方案1】:

    IE9 不支持-zoom-。改用这个。并在您的浏览器中进行测试,而不是 codepen。

    -ms-transform: scale(2); /* IE */
    -ms-transform-origin: 0 0;
    

    【讨论】:

    • 您不一定需要转换原点,对吗?
    • 好的。通常当我做变换时我不这样做,因为(我认为)默认原点是 50% 50%,它会在中心缩小,这是我喜欢的。
    【解决方案2】:

    编辑:请注意:此答案不适用于 IE9,但 IE8。见the above answer

    使用-ms-zoom: 2 而不是-ms-zoom: scale(2)

    【讨论】:

    • @anvd 我的错,这仅在 IE8 中受支持。使用 thenewseattle 的答案 -- -ms-transform,
    猜你喜欢
    • 2011-10-08
    • 1970-01-01
    • 2014-09-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-02-09
    • 2012-08-19
    • 1970-01-01
    相关资源
    最近更新 更多