PC版ではいいのですが、モバイルでの表示では、幅がはみ出てしまったりしますよね。
それで色んなサイトを参考にさせていただき、CSSによるサイズの自動調整をやっていたのですが、画像も埋め込み動画もYouTubeも、一つにまとめてみたら出来るかな、と思ってやってみたら出来たので、ご紹介してみます。
img, video, iframe {
max-width: 100% !important;
height: auto !important;
}
ただ、divとかで囲んでしまうと、自動調整はきかなくなるみたいです。
それから、今まではWpTouchを便利に使わせていただいていたのですが、現在はWPtap Mobile Detectorがオススメです。
モバイル対応のテーマも、公式サイトで“responsive”と検索すると、色々出てきます。
でもこのプラグイン、２年間更新されてないのか。うーん……。
