关于使用background-position来控制图片的某部分展示到页面上方法

1.background-position的值为两个数，其中分别是x和y的距离，表示一个html标签盒子中其中的某个位置（以当前html元素的左上角为原点，右边为x轴正向，下边为y轴正向）
2.一张背景图片默认是在html标签的左上角原点处开始展示的
3.此时我们需要把一张超级大图的一部分展示到html标签中时，我们需要测量出我们要取的那部分图的左边和上边距离我们的html标签盒子的左上方距离为多大，
4.如果看图软件展示出的图片大小和图片实际尺寸的大小一致的话，那么我们可以直接将此量出的大小取负放到background-position中作为其值就可以了。
5.如果看图软件展示出的图片大小和图片实际尺寸的大小不一致的话，那么我们需要先对其大小进行转换，（虽然大小不一样，但是所占比例却是一样的，所以我们可以通过比例转换来解决这个问题，求得真实的距离，）然后取负放到background-position中作为其值就可以了