Html Seitengröße anpassen?
Ich habe eine Website auf meinem Ipad (9,7 Zoll) programmiert und für das Querformat optimiert. Nun möchte ich, dass sich die Größen (Text) automatisch anpassen, wenn man die Website mit einem Gerät (beliebige Bildschirmgröße) öffnet. Vielen Dank im Voraus.
3 Antworten
Dann solltest du dich mit CSS und responsive design auseinandersetzen. Dort kannst du Klassen mit @media definieren, die unterschiedliche Attribute je nach Bildschirmgröße verändern.
Das alles hier zu posten würde den Umfang sprengen.
Wenn du konkrete Fragen hast, poste sie hier rein. Ich kann dir dann gerne weiterhelfen.
Vielen Dank für die Info. Ich schau mir dies an und bei einer Frage werde ich dein Angebot gerne annehmen.
Es gibt verschiedene „Normen“ für Bildschirmgrössen an denen man sich orientiert. Das sollte dann passend sein für Smartphone, Tablet und Pc.
Bei einem Mac kann man sich die Abmessungen anzeigen lassen.
das funktioniert über sogenannte Media Queries.
Damit kannst du abhängig von diversen Parametern, unter Anderem der Browser-ID, der Auflösung in Pixeln und Hoch- oder Querformat unterschiedliche css-Stylesheets einbinden und beispielsweise Elemente verstecken, positionieren oder in der Größe anpassen.
Nun möchte ich, dass sich die Größen (Text) automatisch anpassen, wenn man die Website mit einem Gerät (beliebige Bildschirmgröße) öffnet.
Dazu musst du nichts machen, das geschieht eigentlich automatisch. Was konkret willst du denn erreichen? Soll sich die Schriftgröße ändern, die Schriftart, die Laufweite, die Farbe, der Umbruch, ...?
Alex
Naja von alleine geschieht eigentlich nichts. Kommt darauf an ob das Layout schon responsive ist oder nicht.
Woher weiß ich wie lang ein Bildschirm ist?