在此輸入圖像描述

在此輸入圖像描述

<div class="banner">

    </div>

.banner {
    background-image: url(../img/portada.png);
    height: 20rem;                                 /* Doy altura porque esta vacio*/
    background-size: cover;                        /* Llena todo el espacio disponible */
    background-position: center center;            /* Crece la imagen desde el centro */
}

@media screen and (max-width: 576px) {
  
  

  .banner{
    width:100%;
  }

我在照片中看到了一個576像素的潘塔拉·馬斯·佩克的形象，他有什么解決辦法嗎？

background-size: cover確保背景被覆蓋，但不確保顯示完整的圖像。這就是為什么你只能在小屏幕上看到一部分。

嘗試將其更改為background-size: contain，以確保無論如何都能顯示完整的圖像。