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.
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" />
