通过调整 width,height,position 对应的值可以调整显示区域的位置
- 结构:html
<div class="row">
<div class="col-xs-6 f1">
<iframe id="frame1" frameborder=0 width=960 height=1200 marginheight=0 marginwidth=0 scrolling=no src=http://www.*****.com ></iframe>
</div>
<div class="col-xs-6 f2 hidden-xs hidden-md clear">
<iframe id="frame2" frameborder=0 width=960 height=2050 marginheight=0 scrolling=no src=http://www.*****.com></iframe>
</div>
</div>
- 样式:css
.f1{height:485px; overflow: hidden;}
.f2{height:485px; overflow: hidden;}
#frame1{position:absolute; top:-355px;left:0; transform:scale(0.9); z-index:1}
#frame2{position:relative; top:-895px;left:-4.8%; transform:scale(0.9); z-index: 0}