CSS scale3d()无法在Android 4.4.2上运行

时间:2015-05-07 14:06:21

标签: android css transform scale

正如标题所说。我无法让scale3d转换在Android 4.4.2(webview)上运行。在真实设备和模拟器中测试。 但是在带有Android 4.2.2的S3 Mini上,它按预期运行。另外根据网站http://caniuse.com/#feat=transforms3d,3D转换应该适用于Android 4.4.2。

以下是我用于测试的一些代码(fiddle link here)。蓝色框应该比红色框大四倍:

<!DOCTYPE html>
<html>
<head>
    <title></title>

<style type="text/css">
    .yoyo{
        position: absolute;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: red;
    }

    .yoyo.blue{
        background-color: blue;
        right: 0;
        transform: scale3d(4,4,1);
        -webkit-transform: scale3d(4,4,1);
    }
</style>

</head>
<body>

<div class="yoyo"></div>

<div class="yoyo blue"></div>

</body>
</html>

0 个答案:

没有答案