tabellen

[peter4444]

Hallo Allerseits,

auf meiner Webseite www.kartstory.eu erstellte ich neulich ein Update.
Die Links am unteren Rand so wie in der Übersicht Kosten sind in einer Tabelle mit einem unsichtbaren Rand. Am Pc mit den Browsern Firefox, Chrome und Opera funktioniert es perfekt.

Mit dem Smartphone mit Android 9 ist die Schrift innerhalb dieser Tabellen irrsinnig klein dargestellt. Ich verwende in der ganzen Webseite übrigens keinen einzigen Befehl für die Schriftgröße.

Woran kann das liegen?
Wie kann ich das beheben?

Peter

[masterframe]

Am Einfachsten wäre es wenn du die Tabelle durch eine Aufzählung <ul> ersetzt.
Oder die Links einfach nebeneinander schreibst.
Tabellen sind ganz schlecht für Handys. Am Besten darauf komplett verzichten.

Du kannst Tabellen auch ggf. mit <div> Containern "nachbauen".
Über CCS kannst du dann das Verhalten dieser Container steuern.
Das erfordert aber einiges an Hintergrundwissen.

[_top_]

Du setzt bei deiner Seite auch keinen Viewport bei den Meta-Angaben: https://www.google.com/search?q=meta viewport

Dadurch gehen viele mobilen Browser als Standard von einer größeren Breite aus und stellen die Seite verkleinert da, um nicht horizontal scrollen zu müssen.

Dann Unterscheiden sich bei Mobil-Browsern in der Regel auch die Default-Schriftgrößen der verschiedenen Seitenelemente. Wenn du eine einheitlich Darstellung der verschiedenen Elemente haben möchtest, musst du diese in deiner CSS-Datei auch definieren. (Also z. B. auch Größenangaben für p und tr ergänzen.)