気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
log-file.netエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
0
記事へのコメント0件
- 注目コメント
- 新着コメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Youtubeの埋め込み動画をCSSでレスポンシブ対応し縦横の比率を保ったまま伸縮させる方法
Youtube動画の埋め込みコードをそのまま張り付けると、レスポンシブ構造の場合に小さくした時に動画が小... Youtube動画の埋め込みコードをそのまま張り付けると、レスポンシブ構造の場合に小さくした時に動画が小さくならず厄介です。 しかし、下記のCSSを設定すると問題なくブラウザに合わせてYoutubeの埋め込み動画が縦横の比率を保ったまま伸縮します。 CSS<style type="text/css"> <!-- .youtube{ position: relative; width: 100%; padding-top: 56.25%; } .youtube iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } --> </style> 幅の56.25%を高さに設定する理由は、HD動画（16:9）の場合に100 / 16 * 9 = 56.25%となる
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
log-file.net
log-file.net
log-file.net
log-file.net
jp.reuters.com
www.nikkei.com
speakerdeck.com/ryuki0947
zenn.dev/coconala
speakerdeck.com/s4yuba
speakerdeck.com/twada
www.sankei.com
anond.hatelabo.jp
qa.mamari.jp
foneslife.com
foneslife.com
suumo.jp
www.e-aidem.com
