WordPressで画像や動画を表示する時に

PC版ではいいのですが、モバイルでの表示では、幅がはみ出てしまったりしますよね。
それで色んなサイトを参考にさせていただき、CSSによるサイズの自動調整をやっていたのですが、画像も埋め込み動画もYouTubeも、一つにまとめてみたら出来るかな、と思ってやってみたら出来たので、ご紹介してみます。

img, video, iframe {
max-width: 100% !important;
height: auto !important;
}

ただ、divとかで囲んでしまうと、自動調整はきかなくなるみたいです。

それから、今まではWpTouchを便利に使わせていただいていたのですが、現在はWPtap Mobile Detectorがオススメです。
モバイル対応のテーマも、公式サイト“responsive”と検索すると、色々出てきます。
でもこのプラグイン、2年間更新されてないのか。うーん……。

=関連記事=

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)