居中 iFrame

Question

http://makememodern.com/portfolio/

您会看到我在页面上嵌入了一个网站，并且它与页面右侧对齐。我希望它居中。

<div style="text-align:center">
<iframe style="-webkit-transform: scale(0.7);" src="http://www.stokeswilliams.com" width="100%" height="700px"></iframe>
</div>

Answer 1

您将 iframe 的宽度设置为 1100 像素。包裹它的 div 具有动态宽度。

要解决这个问题，您可以设置 iframe 的宽度以匹配其父容器的宽度，方法是：

iframe {
    width: 100%;
}