CSS Background

Signaler
-
Bonjour,

Je souhaiterais que le fond d'écran de mon site soit proportionnel aussi bien sur un écran d'ordinateur que sur des smartphones. Pour cela, j'ai ajouté cette balise META :
<meta name="viewport" content="width=device-width" />
De plus, j'ai mis deux balises link afin qu'il puisse choisir le bon fichier CSS suivant le média (jusque là pas de problème)
<link rel="stylesheet" type="text/css" media="(max-width: 800px)" href="FICHIER" />
<link rel="stylesheet" type="text/css" media="screen" href="FICHIER"/>

Je voudrais faire en sorte que le fond (body background) et le texte ne soit pas au même endroit pour un smartphone que pour un ordinateur (pour faire tout rentrer sur l'écran d'un smartphone sans toucher au rendu sur un ordinateur).

En résumé, j'ai deux fichiers CSS :
-un pour ordinateurs
-un pour smartphone

J'aimerais qu'il choisisse le bon (ça c'est bon) et changer de disposition les éléments afin qu'on voit tout sur un écran de smartphone (sans rien faire).

Si vous avez une piste, n'hésitez pas... En attendant, je continue mes recherches...

Cordialement