Ankündigung

Einklappen
Keine Ankündigung bisher.

tabellen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    tabellen

    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







    #2
    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.
    MfG,
    masterframe

    Kommentar


      #3
      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.)

      Kommentar

      Lädt...
      X