Kleiner Tip

Taurec ⌂, München, Samstag, 08.02.2020, 07:14 (vor 2277 Tagen) @ Chef_Techniker1903 Views
bearbeitet von Taurec, Samstag, 08.02.2020, 07:28

Hallo!

Man kann in der CSS-Datei (was jetzt nicht geschieht) alternierende Befehle für verschiedene Bildschirmgrößen angeben. Der Befehl hierfür lautet:

@media screen and (max-width: 360px) {
body { font-size: 2em; } /* Für doppelte Schriftgröße */
}

Damit würde für die gesamte Seite (inklusive Überschriften und Forumskopf) für Auflösungen bis 360 Pixel doppelte Schriftgröße angewiesen werden. Welche Größe am besten paßt, müßte ausgetestet werden.
360 Pixel ist eine typische Smartphonebreite, siehe hier. Zur Sicherheit kann man auch etwas höher gehen und auch größere mobile Geräte einschließen.

Damit das ordentlich funktioniert, müßte aber zunächst der völlig fehlplatzierte Tag

<font size="2" color="#000000">
...
</font>

Aus dem Template entfernt und durch den ursprünglichen Tag

<div id="content">
...
</div>

ersetzt werden. Erster verhindert nämlich, daß übergeordnete Schriftgrößendefinitionen auf die Beitragstexte angewandt werden. Davon abgesehen ist die Verwendung des Font-Tags schlechtes Webdesign, da er veraltet ist.

Gruß
Taurec

--
„Es lebe unser heiliges Deutschland!“

„Was auch draus werde – steh’ zu deinem Volk! Es ist dein angeborner Platz.“


Weltenwende


gesamter Thread:

RSS-Feed dieser Diskussion

Werbung