一起使用“变换”和“表”

Question

我尝试缩小iframe以在一个小框架中显示整页！

iframe {
width: 1108px;
height: 710px;
-webkit-transform:scale(0.25);
-moz-transform:scale(0.25);
-o-transform:scale(0.25);
transform:scale(0.25);
}

 <table border =1>
<tr>
<td>
<iframe src ="http://example.com"/>
</td>
</tr> 
   </table>

此代码有效，但我在表中遇到问题！ 当我将iframe放在一个表格中时，单元格大小变为真正的iframe大小（1108 * 710），但由于代码，iframe显示得很小！ 我怎样才能将i框适合细胞？

Answer 1

我唯一能看到你希望它使用em技巧的方法：

＆＃13;

＆＃13;

iframe {
  width: 69.250em;   /* 1108px = 69.250em */
  height: 44.375em;  /* 710px = 44.375em */
  font-size: 0.25em; /* base scale: 0.25 */
}

＆＃13;

<table border=1>
  <tr>
    <td>
      <iframe src="http://example.com"/>
    </td>
  </tr> 
</table>

＆＃13;

＆＃13;

＆＃13;

但是，当您使用277px * 177.5px分辨率时，您的iframe内容将呈现。