IE上的CSS转换。错误的大小计算

IE上的CSS转换。错误的大小计算,css,internet-explorer,transform,Css,Internet Explorer,Transform,为什么在IE和其他浏览器中我会有如此不同的结果? IE在转换之前计算转换元素的大小 .foo{ 宽度:300px; 高度:300px; 溢出:自动; 背景:#0ff; 位置:相对位置; } .酒吧{ 宽度:400px; 高度:400px; 背景:#000; 变换:缩放(0.9)平移3d(-200px,-200px,0); 变换原点:中心; 位置:绝对位置; 左:50%; 最高:50%; //利润上限:-200px; //rgin左:-200px; } 每个浏览器都定义了一组实现。尝试将-50

为什么在IE和其他浏览器中我会有如此不同的结果? IE在转换之前计算转换元素的大小

.foo{
宽度:300px;
高度:300px;
溢出:自动;
背景:#0ff;
位置:相对位置;
}
.酒吧{
宽度:400px;
高度:400px;
背景:#000;
变换:缩放(0.9)平移3d(-200px,-200px,0);
变换原点:中心;
位置:绝对位置;
左:50%;
最高:50%;
//利润上限:-200px;
//rgin左:-200px;
}


每个浏览器都定义了一组实现。尝试将-50%添加到translate3d()中,或将供应商前缀添加到css3属性中,如-ms transform。我尝试所有变体。这不是工作。Ie无法计算元素的正确大小并在Parents中创建大滚动条每个浏览器都定义了一组实现。尝试将-50%添加到translate3d()中,或将供应商前缀添加到css3属性中,如-ms transform。我尝试所有变体。这不是工作。Ie无法计算元素的正确大小并在父级中创建大滚动条