Question

如何使用-webkit-transform垂直和水平居中影响比例变换的div。

仅作为一个例子：

<body>
  <div class="center" style="-webkit-transform: scale(0.20);">
    <iframe src="http://www.youtube.com/embed/dgZ-K87NcwQ" width="2000" height="1200"></iframe>
  </div>
</body>

div.center iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

由于

Answer 1

转换iframe比例而不是div。 ~~将div位置设置为绝对值。~~（不必要）

.center{
//position:absolute;
margin-left:auto;
margin-right:auto;
}
iframe {
-webkit-transform: scale(0.20);
}

在这里摆弄：http://jsfiddle.net/gp660rzc/

如何使用-webkit-transform对使用缩放的div进行居中

1 个答案: