iframe

すみません。
iframeでレスポンシブかつ中央寄せにする方法を教えてください。
<div class="sns">
<iframe src="https://www.facebook.com/plugins/page.php?href=h … width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></div>
.sns{
position:relative;
width:100%;
height:0;
padding-top:75%;
}
.sns iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

No.1 ベストアンサー 回答者： t_fumiaki 回答日時： 2021/06/26 11:12

既になってますよ。

ブラウザの横幅に応じて縮小・拡大表示されて、中央配置になってます。