tabel inhoudt niet leesbaar in responsive

Status
Niet open voor verdere reacties.

djeric

Gebruiker
Lid geworden
22 nov 2006
Berichten
955
hallo

ik heb een tabel gemaakt met html en css maar de inhoudt van de tabel is echt niet passend in resonsive.
Wat kan ik hier nu aan doen zodat de tekst netjes erin blijft?

lijkt me een zeer simpele code toevoegen aan de css ofzo?

voor de betreffende pagina: klik hier

b.t.w. soort gelijke vraag ooit eerder gesteld, maar geraak na heel wat jaren nog altijd niet uit.
 
Je kan het font responsive maken.
Code:
/* xs (smartphone) */
table td {font-size:11px; font-weight:normal;}
/* sm/md (tablet) */
@media (min-width: 768px) {
   table td {font-size:13px; font-weight:normal;}
}
/* lg/xl (grotere schermen) */
@media (min-width: 1200px) {
   table td {font-size:15px; font-weight:bold;}
}
 
Je kan het font responsive maken.
Code:
/* xs (smartphone) */
table td {font-size:11px; font-weight:normal;}
/* sm/md (tablet) */
@media (min-width: 768px) {
   table td {font-size:13px; font-weight:normal;}
}
/* lg/xl (grotere schermen) */
@media (min-width: 1200px) {
   table td {font-size:15px; font-weight:bold;}
}

aha tnx bron!

ik zie als je dan de fontsize veranderd deze idd kleiner worden.
best logisch eigenlijk

tnx:thumb:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan