jquery - 缩小和放大时 div 移动

Question

这是我的html

<div class="span_sec_0mid">
 <div class="span_sec_banner">
  <div class="span_sec_banner_mid">
   <!--other divs--> 
  </div>
 </div>
</div>

css是

.span_sec_0mid {    
height: 480px;
margin: 0 auto;
width: 100%;
}
.span_sec_banner {
display: block;
height: 479px;
margin: 70px auto 0;
overflow: hidden;
width: 1362px;
 }
.span_sec_banner_mid {
display: block;
height: 479px;
margin: 0 auto;
width: 1000px;
}

但是当我放大或放大大屏幕时，内部 div 会移动。我怎样才能解决这个问题。请帮忙。谢谢。

Answer 1

使用transform-origin到 0px 潜水哪个缩放。阅读更多关于 transform-origin 的信息

transform-origin 属性允许您更改变换元素的位置。

 transform-origin: 0px 0px;
-webkit-transform-origin: 0px 0px;
-moz-transform-origin: 0px 0px;
-ms-transform-origin: 0px 0px;

我的网站在缩小/放大功能方面面临同样的问题。我解决了使用上面的 css 代码。看这里的屏幕截图