PX to EM
Casper B
06/10/2012 16:10:45Beste allemaal,
Ik ben bezig om mijn website responsive te maken. Nu wil ik de font-size omzetten van px naar ems.
Nu is mijn body tekst grootte 12px.
Maar de body zou voor responsive op font-size: 100%; moeten staan.
Maar 100% is 16px, de standaard formaat van tekst op het internet. Hoe moet ik nu zorgen dat ik wel 12px in mijn body kan krijgen?
Thnkx alvast.
Toevoeging op 06/10/2012 17:26:03:
UPDATE:
Ik ben nu ook uitgegaan van 16px, en via de formule target/context=result
Maar alles valt veel groter uit dan het zou moeten, body font size staat nu op 100%. Waar kan het aan liggen?
Ook heb ik het zo gedaan, eerst de ems en dan nog eens px. kan dat de valkuil zijn? en zo ja waarom eigenlijk?
Ik ben bezig om mijn website responsive te maken. Nu wil ik de font-size omzetten van px naar ems.
Nu is mijn body tekst grootte 12px.
Maar de body zou voor responsive op font-size: 100%; moeten staan.
Maar 100% is 16px, de standaard formaat van tekst op het internet. Hoe moet ik nu zorgen dat ik wel 12px in mijn body kan krijgen?
Thnkx alvast.
Toevoeging op 06/10/2012 17:26:03:
UPDATE:
Ik ben nu ook uitgegaan van 16px, en via de formule target/context=result
Maar alles valt veel groter uit dan het zou moeten, body font size staat nu op 100%. Waar kan het aan liggen?
Ook heb ik het zo gedaan, eerst de ems en dan nog eens px. kan dat de valkuil zijn? en zo ja waarom eigenlijk?
Gewijzigd op 06/10/2012 17:30:38 door Casper B
PHP hulp
05/11/2024 15:48:04Wouter J
06/10/2012 18:17:4016px is de standaard font-size en ik ben van mening dat je die ook zo moet houden. Zie http://informationarchitects.net/blog/responsive-typography-the-basics/
Maar mocht je toch willen veranderen zou ik gebruik maken van 1 vaste font-size op de body en de rest in em's of procenten. Hierdoor kun je als het beeldscherm kleiner wordt die font-size van de body wat verkleinen en alles wordt kleiner en omgekeerd.
http://jsbin.com/amebor/1/edit
Maar mocht je toch willen veranderen zou ik gebruik maken van 1 vaste font-size op de body en de rest in em's of procenten. Hierdoor kun je als het beeldscherm kleiner wordt die font-size van de body wat verkleinen en alles wordt kleiner en omgekeerd.
http://jsbin.com/amebor/1/edit