Html & Css

[Samuele Ronzani]

Buonasera Ragazzi,

Mi trovo di fronte a questo problema:

Ho una pagina di un sito che mi fa vedere un'immagine che però non si trova all'interno dellla pagina html ma nel css:

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/quartabi-SH01.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

E nell'html trovo questo:

<header id="top" class="header">
	
    </header>

Io vorrei mappare l'immagine senza modificarne le grandezze, perchè grazie al codice css l'immagine riesce ad adattarsi a tutti i dispositivi.

Ho già provato a cambiare codice, eliminando il codice css e modificando il codice html con le mappe, però ogni volta che guardo la pagina dal dispositivo mobile mi tiene l'immagine con delle grandezze definite, cambiandomi la mappatura.

 

Aiuto! Non so neanche come spiegarlo!