屏幕缩放比例原理
情景一:
基准宽度: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
原理:以最小显示为准,同比例下设置另外一方为变量。