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: ~~~css 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.*

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