MS Matrix を使用して、テキスト入力を含む div をスケーリングしています。すべてが視覚的に正しくスケーリングされますが、点滅するキャレットはオフセットを表示しています。入力したテキストは正しい位置に表示されます。
オフセットは、ラッパー div に適用されるスケーリングの量に比例するようです。
CSS
#wrapper {
width: 800px;
height: 600px;
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.86, M12=0, M21=0, M22=0.86, Dx=71.68, Dy=53.7599999999);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.86, M12=0, M21=0, M22=0.86, Dx=71.68, Dy=53.7599999999)";
}
html
<div id="wrapper">
<input type="text" >
</div>