Unterseite wird auf Smartphone nicht richtig angezeigt.

Angezeigt schon, nur ohne zoomen ist nichts lesbar.

Richtig, einfach kein responsives Design.

Wird "normal" angezeigt. Wie in meinem Screenshot alles zu klein.

Der Reiter heißt "Der Fotograf" und ja, alles zu klein.

Wenn Du Deine Website auf für Mobile einsetzen möchtest ist garnicht schwehr:

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


<link rel="stylesheet" href="lib/css/main.css" media="all and (min-width: 1400px)" type="text/css" />
<link rel="stylesheet" href="lib/css/main_lap.css" media="all and (max-width: 1400px)" type="text/css" />
<link rel="stylesheet" href="lib/css/main_mobile.css" media="all and (max-width: 500px)" type="text/css" />

Die erste Zeile fragt die Weite des Displays / Monitors ab. Dann wird die dementsprechende filename.css genutzt.
Sollten für etwaige elemente Werte durch vorherige css gesetzt sein, nutze die default werte.
So hast du sogar die Möglichkeit extra Divs für mobile und divs für pc zu erstellen.
Über css kannst Du einem Div sagen display: none, und er ist weg.
Über display:block; ist er sichtbar und wird zum Blockelement. Nebenbei, so kannst Du aus einem Inline Element ein Blockelement machen, ihm eine Weite verpassen und er reagiert auf margin: 0 auto 0 auto;

Mach das

Hast du dein Handy mal Untersuchen lassen?
Entweder es liegt am Bildschirm, am Browser oder du hast nen virus.
Lass mal jemanden drüber schauen!

Zitat von Joerg Huber

Hast du dein Handy mal Untersuchen lassen?
Entweder es liegt am Bildschirm, am Browser oder du hast nen virus.
Lass mal jemanden drüber schauen!

Das liegt nur daran, dass der Browser sich selbst überlegt, wie er die Seite darstellt, da noch kein View-Port vergeben wurde. Das ist kein Fehler des Handys und auch kein Virus!