Voila je voudrais créer une page d'accueil de site affichant seulement un logo au format SVG qui soit centré horizontalement et verticalement, et qui s'adapte a la taille de l'écran (ordinateur, portable, tablette...).
Je sais faire en sorte que la taille du logo s'adapte a la taille de l'écran avec le parametre width 50% par exemple.
Je sais aussi comment le centrer horizontalement en l'integrant dans un paragraphe centré.
Mais voilà, comment centrer le logo verticalement à l'écran alors que sa taille (notamment sa hauteur) est variable!
Modérateur
Bonjour,

S'il n'y a vraiment que le logo je vois bien un positionnement en absolute (top, bottom, left et right) avec un margin auto...

<img class="img" src="http://s.cdpn.io/3/kiwi.svg" alt="kiwi" />

html,
body{
    position:relative;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
}
.img{
    width:50%;
    max-height:50%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}


http://jsfiddle.net/Undless/zrsqbszh/1/