読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 | フェリカテクニカルアカデミーWebサイト制作科サポートブログ

大きな画像を記事の横幅に合わせて表示する

WordPress基礎

大きな画像を挿入する

  • 中で挿入した画像を、「オリジナルサイズ」に置き換えてみる

f:id:webmaster-web:20160710162908p:plain

f:id:webmaster-web:20160710164442p:plain


《プレビュー》

f:id:webmaster-web:20160710165002p:plain

記事の横幅に画像を揃えて表示する
article img {
  border: none;
  max-width: 100%;
  height: auto;
}


《プレビュー》

f:id:webmaster-web:20160710165840p:plain

横幅を小さく表示
《プレビュー》

f:id:webmaster-web:20160710170213p:plain