放大和放大时div移动

时间:2015-03-27 06:41:45

标签: jquery html css browser

这是我的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移动。我怎样才能解决这个问题。请帮忙。感谢。

1 个答案:

答案 0 :(得分:0)

在潜水时使用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代码。看到这里的屏幕截图

enter image description here