Visualizzazione dei risultati da 1 a 2 su 2

Hybrid View

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    27

    problema con visualizzazione su dispositivi mobile

    ciao a tutti, ho inserito il seguente codice sul mio sito per rendere sempre a tutto schermo, centrato verticalmente e orizzontalmente, e fisso lo sfondo

    body {
    background-repeat: no-repeat;
    background-color:#000;
    background-attachment:fixed;
    background-position: center;
    background-size: cover;
    vertical-align: top;
    }

    ho un problema però, ovvero quando visualizzo il sito sugli smartphone in modalità verticale, perchè la larghezza è inferiore all'altezza e l'immagine di sfondo viene visualizzata in piccolo al centro lasciando dei buchi neri sia sopra che sotto.

    come posso risolvere?
    Immagini allegate Immagini allegate

  2. #2
    Sicuro che background-size: cover; sia supportata dal browser che stai usando?

    http://caniuse.com/#feat=background-img-opts

    Ci sono parecchi bug in merito sia su android che su iOs!
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.