[Javascript] Adattare immagine di background all'altezza dello smartphone

Mario1988

Nuovo Utente
9 Dic 2017
7
0
1
background-size e forse z-index restituiscono risultati differenti se il sito viene aperto da mobile o da desktop.

1) vorrei che l'immagine di sfondo si adatti al tipo di device quindi ho lavorato sulla proprietà background-size, il punto e che da desktop tutto va bene mentre da mobile e come se non vengano letti i valori assegnati e quindi mi restituisce l'immagine nella sua dimensione originale senza ridurla.
background-size: auto 100%
per provare ho anche assegnato un valore in pixel
background-size: auto 50px
da desktop tutto ok, mentre da mobile l'immagine viene visualizzata sempre con la dimensione originale.
Di seguito la parte di codice dove ho inserito i meta tag per la visualizzazione da smartphone.
HTML:
<head>
    <meta charset="utf-8">
    
    <meta name="HandheldFriendly" content="true" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />