0

JavaScript を使用して計算します。transform:scale(w,h); の使用方法 この div を親コンテナーに合わせてスケーリングするには?

私は学校で特別な数学のグループに所属していたので、グーグルで何を調べているのか (比率、長さの比較、比率、分数など) がわかりませんでした。

<div id="container"style="width:164px;height:164px:">

    <div id="square_of_unknown_size"> I want to always fill my parent </div>

</div>

編集:ところで、幅/高さ:100% を使用したくないのは、正方形の中にそのように収まる画像があるためです。実際にズームする必要があります。

これは、顕微鏡レベルにズームインしているようです。

'-webkit-transform':'scale('+$('#container').width()+'.'+$('#square_of_unknown_size').width()+','+$('#container').height()+'.'+$('#square_of_unknown_size').height()+')'

px A 比較 B px get AB = 常に適合

4

1 に答える 1

1

2 つの div の比率を計算する必要があります。

var scaleX = $('#container').width() / $('#square_of_unknown_size').width();
var scaleY = $('#container').height() / $('#square_of_unknown_size').height();
$('#square_of_unknown_size').css('-webkit-transform', 'scale(' + scaleX + ',' + scaleY + ')');
于 2013-08-05T17:17:03.567 に答える