Javascript 大小之间的差异:缩放(?.?)

Javascript 大小之间的差异:缩放(?.?),javascript,css,math,percentage,Javascript,Css,Math,Percentage,使用javascript进行计算;如何使用变换:缩放(w,h);要使此div缩放以适合其父容器,请执行以下操作 我在学校参加了一个特殊的数学小组,所以我不确定我在谷歌上搜索什么(比率、长度比较、比例、分数?),因为我们从来没有学过这些东西(可能一两天) px A compare B px get A.B=始终适合您必须计算两个div之间的比例: var scaleX = $('#container').width() / $('#square_of_unknown_size').width();

使用javascript进行计算;如何使用变换:缩放(w,h);要使此div缩放以适合其父容器,请执行以下操作

我在学校参加了一个特殊的数学小组,所以我不确定我在谷歌上搜索什么(比率、长度比较、比例、分数?),因为我们从来没有学过这些东西(可能一两天)


px A compare B px get A.B=始终适合

您必须计算两个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 + ')');

我看不出它是怎么分开的!?因为我的div总是一个正方形,它的比例类似于(scale+','+scale),效果可以反转吗?例如,如果容器是200x200,内容是100x100,则比例是2.0,也就是说,内容必须按2的因子进行缩放才能适合容器。
'-webkit-transform':'scale('+$('#container').width()+'.'+$('#square_of_unknown_size').width()+','+$('#container').height()+'.'+$('#square_of_unknown_size').height()+')'
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 + ')');