User Tools

Site Tools


uda-fewd:responsive_images:relative_sizing

Examples:

  1. Fixed size image : marche pas sur petit affichage
  2. width: 100% marche pas sur grand affichage

Deux choses simples :

  1. 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
  2. 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.

  1. CSS calc()
uda-fewd/responsive_images/relative_sizing.txt · Last modified: 2017/04/02 19:06 by leo