|<- [[Requests and Revenue]]|[[IMPORTANT! Udacity Front End Feedback Extension]] ->|

  - http://lorempixel.com/

Examples:

  - [[http://udacity.github.io/responsive-images/examples/1-07/singleImage640x360/|Fixed size image]] : marche pas sur petit affichage
  - [[http://udacity.github.io/responsive-images/examples/1-07/singleImageNotBigEnough100pc/|width: 100%]] marche pas sur grand affichage
  - [[http://udacity.github.io/responsive-images/examples/1-07/singleImageMaxWidth100pc/|max width: 100%]] : ok
  - [[http://udacity.github.io/responsive-images/examples/1-07/twoImages50pc|Two images, 50% width]]
  - [[http://udacity.github.io/responsive-images/examples/1-07/twoImages50pcWithMargin|Two images, 50% width with margin]]

Deux choses simples :

  - pour les dispositifs comme les ordinateurs portables et de bureau, ne pas présupposer que la taille de la fenêtre est la même que celle de l'écran
  - ne pas supposer que la taille de la fenêtre sera toujours la même

Utiliser max-width peut être une bonne manière de s'adapter à un changement vers un viewport plus large. Lorsque vous pensez de manière adaptative, pensez aussi bien aux très grands que très petits écrans.

  - CSS calc()