che grandezza deve avere un immagine a tutto schermo?

[marcoletto92]

salve ragazzi, ho impostato un immagine a  tutto schermo....però questa si ripete più volte....come posso farla comparire a tutto schermo e quindi una sola?
Grazie

[tomtomeight]

Molto semplice, prendi un immagine di larghezza almeno 1600px e la carichi aggiungendo al div background-size: cover;

[marcoletto92]

cosi si adatterà a tutte le risoluzioni?

[tomtomeight]

Cover significa copertina, quindi coprirà sempre tutto lo sfondo adattando le dimensioni, attenzione che funziona  in proporzione e se hai uno sfondo non in proporzione, smartphone verticale, l'immagine si deforma

[marcoletto92]

facendo cosi non va...nel senso che se metto le risoluzioni del mio monitor la foto si vede tutta se metto come hai detto tu(vedi allegato )non è lo stesso risultato di come quando metto la risoluzione precisa del mio monitor

[tomtomeight]

Correggo, devi prendere un immagine di larghezza di almeno 1920 e di almeno 1080, ma non devi indicare nel css nessuna dimensione.

[marcoletto92]

prendendo un immagini di queste dimensioni 1920 x 1080 senza alcuna regola di css si adatta solo a monitor di questa risoluzione.....

[tomtomeight]

E background-size:cover; non è una regola?