Comment faire une pleine largeur de l'image réactive

J'ai une image qui est mon en-tête. Voici mon HTML simple:

<html>
  <body>
    <div class="wrapper" />
  </body>
</html>

Il remplit toute la largeur de la page, mais j'ai eu de spécifier une hauteur pour apparaître. Voici le css:

.wrapper {
  background-image: url(../assets/bridge.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 250px;
}

Comment puis-je faire de cette image sensible? Maintenant, quand je développez la page il en arrive au point où le pic est méconnaissable.

InformationsquelleAutor jhamm | 2013-05-03