search

netease-youdao / hex

heX
Other
1.52k stars 300 forks source link

css渲染引擎卡死 #9

Closed xioxin closed 2 years ago

xioxin commented 10 years ago

只要css中存在 -webkit-transform: scale(1.2); 就会卡住 如何解决

luyuan commented 10 years ago

请问是只要在任何一条规则中出现就会卡住吗？能否提供一个示例代码？谢谢

xioxin commented 10 years ago

抱歉因为同时使用了scale(1.2) 和 translateZ(0px) 错怪scale 是translateZ搞的鬼 重现代码如下

<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <style>
    body{text-align: center;}
        .test{
            -webkit-transform: translateZ(0px);
        }
    </style>
</head>
<body>
    hello world!
    <div class="test">
        hello word!
    </div>
</body>
</html>