すみません。
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%;
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLのbody内に<style>~</styl...
-
リンク先のURLを別の文字にする...
-
Excel で下線が消えてしまうの...
-
パワーポイント:テキストボッ...
-
URLが青くならない
-
Google Keepで数字に勝手に下線...
-
WORD2010 ハイパーリンクの下線...
-
Latexにおける下線のひき方のコト
-
AUTOCAD文字の下に同じ長さの線...
-
フランス語の質問です。 J'aime...
-
小数点以下の数字に下線を引くには
-
地図記号にかんして
-
どうしてもボタンが横一列に並...
-
EXCEL2003 Webページとして保存...
-
HTMLでぶら下げインデントは出...
-
Wordで作成した文章をコピーし...
-
人気ブログランキングについて。
-
アンダースコア(下線)のあるメ...
-
アンダーラインを引くやり方
-
E-mail中の文章に赤で下線を引...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのbody内に<style>~</styl...
-
CSSでインラインフレームを非表...
-
リンクを設定した文字の上にマ...
-
iframe
-
初歩的な質問ですみません。部...
-
LaTeXにて、1行で左寄せや中央...
-
htmlで、文字に線を囲むには何...
-
バナーを横に並べたい
-
<input>タグについて
-
Textareaの幅をブラウザ画面の90%
-
オンクリックで文字が表示され...
-
文章をCSSで左揃えにする方法
-
リンクの下線の色を変えると下...
-
プログラムの関連性を教えて下...
-
リンク先のURLを別の文字にする...
-
Excel で下線が消えてしまうの...
-
URLが青くならない
-
パワーポイント:テキストボッ...
-
Google Keepで数字に勝手に下線...
-
アンダースコア(下線)のあるメ...
おすすめ情報