我有一个内容很长的容器元素，该容器元素可以缩放：
.container {
transform: scale(0.9);
}
在这个容器中，我有一个孩子div，它曾经是一个弹出窗口。它与顶部绝对定位50%
.popup {
width: 300px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
}
但是不幸的是，当缩放容器时，这50%是行不通的。我需要使用~240%它是否出现在页面底部。
您现在是否对将比例尺子元素应用定位有一些细节？
演示： http : //labs.voronianski.com/test/scaled-positioning.html
添加到.wrap：
.wrap {
...
position: relative;
/*some prefix*/-transform-origin: 0 0;
}
您需要重新定位.popup（现在的参考框架是.wrap，而不是html元素），但是在Chrome中，缩放切换在此更改后可以正常使用。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句