iframe宽度太宽,按比例缩小,满足手机屏幕宽度

iframe宽度太宽,按比例缩小,原来画面宽度为440px,层wrapper11宽度必须为440,缩为70%,画面左对齐,右边会留出一部分空白,会使body宽度撑大,所以宽度不够的手机屏幕会左右滑动。注意:宽度440不能减小,否则画面不能全部显示。然后在外边套一个层wrapper00,宽度为308,设置overflow为hidden,这样手机屏幕就不会左右滑动了,代码如下:

<style>
#iframe11 {
transform: scale(0.70, 0.70) translate(-21%, -21%);
-moz-transform: scale(0.70, 0.70) translate(-21%, -21%); /* Firefox */
-webkit-transform: scale(0.70, 0.70) translate(-21%, -21%); /* Safari 和 Chrome */
-o-transform: scale(0.70, 0.70) translate(-21%, -21%); /* Opera */
}
#wrapper00 {
width: 308px;height: 231px;overflow: hidden;margin:0 auto;
}
#wrapper11 {
width: 440px; height: 330px; margin-bottom:-70px;
}
</style>
<table>
<tbody>
<tr>
<td>
<div id="wrapper00">
<div id="wrapper11"><iframe id="iframe11" src="https://rescdn.qqmail.com/zh_CN/greetingcard/flash2h5/card/b486/b486.html" width="440px" height="330px" frameborder="0"></iframe></div>
</div>
</td>
</tr>
<tr>
<td><span style="color: red;">过去的一年里<br />
有你们与我度过苦与乐<br />
在新的一年里<br />
祝至亲的你们<br />
身体健康 事事如意<br />
元旦快乐</span></td>
</tr>
</tbody>
</table>

股票开户就选东方财富证券,佣金低,送豪礼!