@media wirkt sich falsch auf Smartphone aus

[Eddi]

Hallo, ich bin in CSS nicht sonderlich firm, möchte aber meine Homepage, die ich zunächst für die Größe eines Smartphones angepasst habe, nun auch auf einem PC lesbar machen. Gehofft habe ich auf "@media". Während die Darstellung am Bildschirm des PCs mit größer/kleiner ziehen sich tatsächlich anpasst, verkleinert sich das Smartphone auch, und zwar dauernd. Das habe ich nicht gewollt. Was mache ich falsch?

Auszug aus meinem head-Bereich:

body {
   width: 950px;
   padding: 0;
   font-size: 100%;
   line-height:1.2;
   color: black;
   background-color: #FFFFFF;
   align: center;
}

@media(min-width:900px){body{font-size: 80%;}}

h1 {
   font-size: 400%;
   line-height:1.1;
   margin: 0pt;
}
h2 {
   font-size: 220%;
   margin-top: 10px;
   margin-bottom: 0px;
   color: #58ACFA;
}

Danke euch! Eddi

Edit Rolf B: ~~~css / ~~~ Elemente hinzugefügt.