こんにちは、ぐっきんです!
タイトルにある通りなのですが、ワードプレスで貼った動画を見た時に
PCだといい感じに表示されているのに。スマホでみたら、、、
めっちゃはみ出てる〜〜!
なんてことは無いでしょうか?
賢威とかTCDのテンプレートはその辺りが若干怪しいので、
なんかいい方法が無いのかどうか探してみました。
するとすごーく簡単に解決出来る方法がありましたので、
解説していきたいと思います。
1分で出来る手順を動画で解説!
貼り付けるコードはこちらです↓↓
1 2 3 |
iframe { max-width: 100%; } |
本当に簡単ですよね。
いや、僕も色々複雑なコードを使ったやり方も調べましたよ?笑
でもこのやり方が一番カンタンで色々なテンプレートに共通で使えそうだったので採用しました。
ちなみにTCDで何もせずに動画を貼ってスマホで見るとこうなります↓↓
スマホからのアクセスが7割〜8割を占める時代にこれは痛すぎですね。笑
コードを入れるとこんな感じになります↓↓
若干縦長ですが飛び出しているよりは圧倒的にマシかと思います。
なので、万が一自分のブログの動画が飛び出して変な表示になっている場合は、
今回紹介した手法をぜひ試してみてください^^
それでは今回は以上になります。
コメントを残す