实现图片始终在浏览器窗口中央

有时候当浏览器屏幕变小的时，希望一张长图的中间始终在屏幕中间，这个时候可以使用相对定位进行图片的动态移动：

移动距离=图片长度 * 0.5—div长度 * 0.5

/*向左移动img的一半*/
img{
    position：relative;
    left:-960px;
    transform:translate(-50%);/*不写死，相对于自己图片的百分之50*/
    /*向右移动父元素（div）的一半*/
    margin-left:50%;
 }