おじさん図鑑

ユーザータグ別表示  タグ:レスポンシブ [1/1]

動画をレスポンシブ対応にする

レスポンシブ対応のテンプレートを採用したが、動画がはみ出したままだった。下記のサイトを参考に修正しました。参考サイト:あなたのブログの動画はスマートフォンではみ出してるかもしれない [手順]1.iframe を div で囲む2.css に下記を追加.xxx {position: relative;width: 100%;}.xxx::before {content:"";display: block;padding-top: 56.25%;}.xxx iframe {position: absolute;top: 0;left: 0;width: 100%;height: 1...

  •  0
  •  0

ページの最適化

レスポンシブ対応の共有テンプレートに変更して2週間くらい経過しました。そこで「PageSpeed Insights」で読み込み時間を計って見ました。[結果]モバイル Needs Work 71/100パソコン  Good 86/100...

  •  0
  •  0

テンプレート変更

FC2総合インフォメーションより、SSL対応につきまして 【重要】(10/18)の案内があり正式にSSL化の設定が可能となりました。それを受けて、当ブログも、レスポンシブ対応の共有テンプレートvanillaice (Akira)作「Generic」に変更してみました。Generic - FC2ブログテンプレート - テンプレートGenericテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただ...

  •  0
  •  0