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