Desktop und mobile Version - verschiedene Homepages

Probiere es mal damit: https://wiki.selfhtml.org/wiki/CSS/Media_Queries

Zitat von Mc Belo

Ist es möglich die Seite, in Form von, zum Beispiel einer Visitenkarte, anzeigen zu lassen und nicht den gesamten Inhalt der auf der "normalen" Website angezeigt wird?

Ja, das geht. Du kannst Elemente je nach Screen anzeigen lassen, oder eben nicht. Hier ein Beispiel:

Zitat

Media (min-width: 481px) and (max-width: 766px) { .hidden-s { display: none !important; } }

Hat der umschließende Div die Klasse hidden-s, wird er zwischen 481px und 766px nicht angezeigt. Im Firefox kannst du z. B. unter den Entwicklertools die Option "Bildschirmgröße testen" benutzen um Pixelgenau die Seitengröße anzeigen zu lassen, ohne den ganzen Browser zu verziehen. Die Option hat glaube jeder aktuelle Browser, also auch Chrome und IE.

Zitat von Mc Belo

Sprich zwei Designs, eins für normale Rechner/Monitore und ein Design für Mobile Devices?

Du kannst mehrere Stylesheets je nach Gerät laden, allerdings ist das nicht nötig, da du alles in einem Stylesheet machen kannst und eben mit media queries (link hast du beim Vorposter erhalten) das Lyout und auch Verhalten / Aussehen anpassen kannst.

Beispiel für den Container:

Zitat

Media (max-width:600px) {
.container { padding: 10px 15px; }
}

Media (max-width:481px) {
.container { padding: 5px 7px; }
}

Du kannst auch das Verhalten z. B. nur für print, also beim Drucken einstellen. Dann wirkt sich das querie nur aus, wenn der Besucher etwas ausdrucken will. Das gleiche auch nur für screen, all usw.

Zitat

Media print { }