如何去估值计算background百分比

因为最近做的项目中有用到background百分比,在计算的时候一直是用估值的方式再一点点慢调，发现background-position的百分比计算与PX相差还满大的，做完之后准备总结一下这方面的知识，但是网上百度了好几篇文章，反而看得我云里雾里的。所以还是自己动手画图总结了一下。计算后的值实验中还是会有一丢丢差别，后期微调一下就可以了。

1、background-size百分比计算

这个相对来讲比较简单：
例如已知一个容器的尺寸宽是50px高也是50px，而一张综合的大背景图片尺寸宽是200px高也为200px。其中需要放的元素图片尺寸则为60px宽高，并且它距离上面高70px，距离左边60px。那么计算背景图片size百分比的思路如下：
（1）我需要将元素图片缩小到容器的尺寸，计算得出50(容器)/60(元素)约等于83.33%，就是相当于大背景图片尺寸需要缩小于83.33%才能使元素图片与容器尺寸一致。
公式：计算后的大背景尺寸 = 大背景尺寸*（容器尺寸/元素尺寸）
（2）得出了大背景尺寸为166.66px(大背景图片)，而这个尺寸是容器的多少倍，则size的倍数则为多少倍
计算出size百分比 = 计算后的大背景尺寸/ 容器尺寸
即：size百分比 = 大背景尺寸*（容器尺寸/元素尺寸）/容器尺寸
最终也就是：size百分比 = 大背景尺寸 / 元素尺寸
变成数字就是 200/60*100% 约等于 333.33%

文字说的比较多&