Hauteur de l'image à ajuster à la hauteur de l'écran

Question

J'ai donc un fond d'image, et je veux qu'il remplisse la hauteur de l'écran en fonction de la taille de l'écran, ordinateur portable, ipad, téléphone, etc.

Je veux que la hauteur s'ajuste à la hauteur de l'écran.

.mobile-cover {
    background: url(http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/08/Modern-wallpaper-10.jpg) center top;
    background-position-x: 50%;
    border: red 0px solid;
    width: 100%;
    visibility: visible;
    height: 600px;
}

https://jsfiddle.net/tz2erwch/

Answer 1

Laissez tomber ! J'ai répondu à ma propre question !

Pour tous ceux qui sont intéressés, j'ai simplement utilisé

hauteur : 100vh ;

où un 1vh est égal à 1% de la hauteur de la fenêtre d'affichage.

J'ai changé pour 80vh car 20% de l'écran est occupé par la navigation. Cela a bien fonctionné.

Answer 2

Essayez ceci:-

background-size: cover;
background-position: center;