私はCSS3のプロパティtransform:scaleを使いたいと思います。CSS3変換:IEのスケール
div
{
transform: scale(0.5,0.5);
}
Internet Explorer 8以下でこれを模倣する方法はありますか? filter
またはJavascriptソリューションのあるものがありますか?
私は結果を出すことなくウェブを検索しました。
どうもありがとう
、ヴィンセント私はCSS3のプロパティtransform:scaleを使いたいと思います。CSS3変換:IEのスケール
div
{
transform: scale(0.5,0.5);
}
Internet Explorer 8以下でこれを模倣する方法はありますか? filter
またはJavascriptソリューションのあるものがありますか?
私は結果を出すことなくウェブを検索しました。
どうもありがとう
、ヴィンセントIE9変換をサポートしています。
-ms-transform: scale(0.5,0.5);
他のバージョンのIEでは、複雑な構文があります。このようなもの:
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
M11=1.5320888862379554, M12=-1.2855752193730787,
M21=1.2855752193730796, M22=1.5320888862379558);
詳細をご覧ください。
また、[CSS3 Transform to Matrix converter](http://www.useragentman.com/IETransformsTranslator/)を試して、IEの形式に変換することもできます。 – thirdender
-ms-transform:scale(0.5);一定のズームのIE9のために十分でなければなりません。 – Kozuch
http://msdn.microsoft.com/en-us/library/ms533014(v=vs.85).aspx
、IEでのフィルタが使用することは容易ではないと彼らは常に他のCSSの効果と組み合わせるされていないが....
いいえ、IE8以前は標準transform
スタイルをサポートしていません。 IE9はそれをサポートしています。
filter
スタイルを使用して試すことができる解決策がありますが、それらは乱雑です。
しかし、あなたが質問で説明している単純なケース(基本的に単純な縮小)では、IE独自のzoom
プロパティを使用できます。
zoom
の最も一般的な使用方法はzoom:1
で、これはIEのレイアウトの不具合(特にIE6とIE7の不具合)を修正するために使用されます。実際のズームも同様に行います。zoom:0.5
を使用すると、探している効果を得ることができます。
zoom
を使用することの良い点は、他の通常のCSSプロパティ(IEのfilter
には知っておく必要がある重大なレンダリングの特徴があります)のようにIEで動作することです。
zoom
を使用する唯一の欠点は、IE9以降で無効にする必要があることです。それ以外の場合は、transform
スタイルに邪魔され、望ましくない影響があります。私はCSS Hacksの使用を一般的にサポートする人ではありませんが、ハック(documented here)を使用するとIE8以前のバージョンにしか影響しません。つまり、同じスタイルシートにtransform
とzoom
の両方を指定できます。 :
div {
transform: scale(0.5,0.5);
zoom: 0.5\9;
}
それ以外の場合は、条件付きコメントを使用してそれを使用するかどうかを判断する必要があります。
明らかに、単純な比例スケールよりも複雑なものを実行したい場合は、zoom
は適切ではありませんが、質問のような単純なケースでは完璧です。
これを試してみてください:それは答えに非常に大きな違いがあるため https://github.com/pbakaus/transformie
このような質問をして、あなたがについて尋ねているIEのバージョン(複数可)を指定してください。 – Spudley