Door
G P
op 13-04-2020 16:41
gewijzigd op 14-04-2020 15:04
2.021 views
Hallo beste PHP'ers en anderen.
Ik heb een tabel met informatie. Op een groot scherm word het goed weer gegeven maar op een mobieltje is het een fiasco.
Mijn vraag is dus om jullie ideeën te horen hoe je deze tabel op een mooi en overzichtelijk weg weten te tonen.
Zal wel aan mij liggen, maar hier doet de link het niet (time-out). Misschien staat je IPv6 DNS config niet goed? Hij resolved naar 2a02:4780:dead:67da::1 - dat is dan wel toepasselijk die "dead" ;-)
Je zou kunnen overwegen om af te stappen van een tabel en in plaats daarvan een grid te gebruiken. Of je zou de derde kolom voor een mobiel op hidden kunnen zetten en eventueel een iets kleiner lettertype pakken. Onderscheid maken tussen vensterbreedtes doe je overigens met behulp van mediaqueries.
Je stelt je tabel in op 100% ook op desktop niet mooi. Veel te breed met 27" scherm.
Stel een vast max-width in. overflow: hidden verbergt dan de tekst welke er niet op past.
Voor mobiel kan een lijn zoals deze helpen