Visualizzazione dei risultati da 1 a 2 su 2

Discussione: media screen non funziona correttamente

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2016
    Messaggi
    34

    media screen non funziona correttamente

    Salve, ho un box con un immagine di sfondo centrata senza ripetizione, quindi con degli 'spazi vuoti' sui lati. Questo va bene per schermi grandi, mentre vorrei rendere visibile l'immagine di sfondo per intero senza spazi sui lati. Ho provato utilizzando media screen impostando il background-size: cover, ma forse commetto qualche errore di sintassi. Il codice č questo:

    codice HTML:
    @media screen and (min-width: 200px) and (max-width: 709px) {    #formazione{        background-size: cover;         }} @media screen and (min-width: 710px) and (max-width: 3000px) {    #formazione{        background-position: center;        background-position: top;        background-repeat: no-repeat;      }}
    Qualcuno sa dirmi dove sbaglio?

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2011
    Messaggi
    221
    hai messo il meta viewport?
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

Tag per questa discussione

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 © 2017 vBulletin Solutions, Inc. All rights reserved.