屏幕缩放比例原理

情景一：

基准宽度：bw = 1920

基准高度：bh = 1080

变换后宽度：tw = 1920

变换后高度：th = 600

基准比例： br = bw/bh

bw/bh > tw/th

表示宽度大,

将高度最终显示为th（即高度直接显示，按同比例显示情况下计算宽度需要显示为多少）, 故高度缩放比例计算为：scaleHeight = th / bh,

计算最终显示的宽度假设为x：bw/bh = x / th => x = th * br

所以最终的宽度缩放比例计算为： scaleWidth = (th * br) / bw

情景二：

基准宽度：bw = 1920

基准高度：bh = 1080

变换后宽度：tw = 600

变换后高度：th = 1080

基准比例： br = bw/bh

bw/bh < tw/th

表示高度大，

将宽度最终显示为tw（即宽度直接显示，按同比例显示情况下计算高度需要显示为多少）,  故宽度缩放比例计算为：scaleWidth = tw / bw,

计算最终显示的高度假设为y：bw/bh = tw / y => y  = tw / br

所以最终的宽度缩放比例计算为： scaleHeight = (tw / br) / bh

 

原理：以最小显示为准，同比例下设置另外一方为变量。