CSS responsives Design

[Auge]

Hallo

<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'>

Warum willst du das Zoomen verbieten?

> @media only screen and (max-width: 520px) {
>     #site {
>       width: 520px;
>       min-width: 520px;
>     }

Du sagst: Bei einer maximalen Viewportbreite von 520px soll das Element mit der ID „site“ mindestens 520px breit sein. Das beißt sich. Wenn dein Telefon eine Breite von 500px haben sollte (fiktiv gewählt), schreibst du eine Minimalbreite von 520px vor, was natürlich zum Querscrollen führt.

Tschö, Auge