【対策】モバイルで表示するとYoutubeの表示がはみ出る

モバイルでブログ(blogger)を見ると、投稿内のYoutubeが横にはみ出てしまうので対策。

【問題】


【対策】
①テンプレートを編集する

②モバイルテンプレートの選択をカスタムにする

③HTMLを編集する

④HTML編集エリアで[CTRL+F]キーを押して".mobile"を検索する

⑤モバイル用のcssが見つかる

⑥最後にiframe用のcssを追加する

＃追加内容
.mobile iframe {
  max-width: 100%;
}
⑦保存する


【結果】