Rob
2020-11-26 14:57:54 UTC
Als je in een simpele internet pagina graag een stylesheet wilt gebruiken
met modificaties die alleen voor mobiele devices gelden dan werkte dit
ooit wel:
<link rel="stylesheet" href="/css/handheld.css" type="text/css" media="handheld, only screen and (max-device-width: 640px)">
De styles daarin laten dan bijvoorbeeld sidebars weg of maken de site een
enkele lange kolom ipv een 3-koloms layout.
Op zich werkt dat wel maar die "640px" is nogal arbitrair en werkt
tegenwoordig vaak niet meer omdat mobiele devices ondertussen al weer
breder zijn.
Is er nou echt geen media selector die gewoon het algemene geval van
"een mobiele telefoon dus scrollen scrollen scrollen layout ipv alles
naast elkaar" kan selecteren?
Dus iets voor het veld
media="handheld, only screen and (max-device-width: 640px)"
in dat voorbeeld. Ook bruikbaar voor @media in de CSS zelf.
met modificaties die alleen voor mobiele devices gelden dan werkte dit
ooit wel:
<link rel="stylesheet" href="/css/handheld.css" type="text/css" media="handheld, only screen and (max-device-width: 640px)">
De styles daarin laten dan bijvoorbeeld sidebars weg of maken de site een
enkele lange kolom ipv een 3-koloms layout.
Op zich werkt dat wel maar die "640px" is nogal arbitrair en werkt
tegenwoordig vaak niet meer omdat mobiele devices ondertussen al weer
breder zijn.
Is er nou echt geen media selector die gewoon het algemene geval van
"een mobiele telefoon dus scrollen scrollen scrollen layout ipv alles
naast elkaar" kan selecteren?
Dus iets voor het veld
media="handheld, only screen and (max-device-width: 640px)"
in dat voorbeeld. Ook bruikbaar voor @media in de CSS zelf.