css - background プロパティを使用しない全幅画像

Question

WordPress を cms として使用する基本的なポートフォリオ、プロジェクトごとに異なる投稿などを設定しようとしています。

画像が画面の幅いっぱいに表示されるようにしたいのですが (流動的に、サイズ変更時に拡大縮小します)、background url プロパティを使用しないでください。

単純なクラス width 100% image width 100% は、実際の画像のサイズよりも小さいサイズで機能しますが、画面が画像よりも大きい場合、画面がいっぱいになりません。

バックグラウンド URL に頼らずに、画像を本来の解像度よりも大きくする方法はありますか (これにより品質が低下することはわかっています)。

Answer 1

画像が拡大されない理由は、CSS の次のルールです。

img, object, embed 
{
  max-width: 1140px;
}

また：

• このルールを削除するか、

• imgこのルールからセレクターを除外する、または

• 上記のルールをそのままにして、拡大する必要がある画像のみに追加のルールを含めることで再定義max-widthします。例:none

  .wrapper>p>img 
  {
    max-width: none;
  }