我有一个iframe显示缩放的网站,但缩放后,空白停留,其大小是缩放前的大小。我试图用不同的div包装它,因为我找到了一些解决方案,但它不适合我,空间仍然存在。css缩放后的空白
你可以看到它here。
HTML
CSS
#preview_div {
position: relative;
width: 700px;
height:600px;
margin:auto;
}
iframe {
background-color:white;
width: 1400px;
height: 960px;
position: relative;
overflow:hidden;
border: none;
-moz-transform: scale(0.5);
-moz-transform-origin: 0 0;
-o-transform: scale(0.5);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0 0;
}
#wrap {
width:700px;
height:600px;
margin:auto;
float:left;
}
任何想法?谢谢。
+1
转换工作就像'position:relative' - 元素在文档流中保持其原始大小和位置,它们只是通过转换呈现。 –