Ajustement, l'échelle et le centre de l'image en tenant compte de la fenêtre du navigateur (CSS)
Comment puis-je avoir une image, indépendamment de portrait ou paysage:
- centré en tenant compte à la fois horizontalement et verticalement (ce qui reste centré fenêtre du navigateur est redimensionnée)
- occupe une fraction fixe de la fenêtre du navigateur, de mise à l'échelle de réactivité
- préserve l'aspect que le ratio de la fenêtre du navigateur est redimensionnée
Vous devez vous connecter pour publier un commentaire.
Voici une solution qui satisfait à tous les ci-dessus avec seulement CSS de base (pas de CSS3 requis):
http://jsfiddle.net/dvidby0/sytj1uws/1/
HTML
CSS