0

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>
4

0 に答える 0