我有一個網站有很多頁面和不同的背景圖片，我從CSS顯示它們：body.page-8 {    background: url("../img/pic.jpg") no-repeat scroll center top #000;    background-size: cover;}但是，我想在一個頁面上使用<img>元素顯示不同的（全屏）圖片，并且我希望它們具有與上述background-image: cover;屬性相同的 屬性（圖像不能從CSS顯示，它們必須從HTML文檔中顯示）。通常我使用：div.mydiv img {    width: 100%;}要么：div.mydiv img {    width: auto;}使圖片充分和響應。然而，width: 100%當屏幕變得太窄時，圖片會縮小太多（），并在底部屏幕中顯示正文的背景顏色。另一種方法，width: auto;只使圖像完整大小，不響應屏幕大小。有沒有辦法以同樣的方式顯示圖像background-size: cover？