Välkommen till Baronen.org

Använd EM istället för PX

Jag skrev tidigare ett inlägg om att man inte skulle använda pixlar när man satte storlek på till exempel text. Just därför att pixlar är ett bestämt värde, detta gör att användare som användet Internet Explorer inte kan förstora den texten med hjälp av webbläsaren.

Det kan kan göra är att använda procent, detta skrev jag om i förra inlägget. Eller kan du använda em, detta är också ett mått som justerar sig. Det enklaste att göra detta om du tidigare använt dig av pixlar är följande.

Du sätter storlek i body till 62.5%. Detta gör att istället för att 1 em är 16pixlar så blir nu 1em 10pixlar. Det blir helt enkelt mycket lättare att räkna.

body { font-size: 62.5%; }

Sen använder du allt som vanligt, vill du ha 10 pixlar så skriver du 1em, vill du ha 12 pixlar blir det 1.2em. Detta blir väldigt lätt att förstå och jobba med.

body { font-size: 62.5%; }
p { font-size: 1.2em; }

Det är inte bara till text man kan använda detta, vill man till exempel att en div-tagg ska bli större kan man använda samma sak. Hoppas detta gav er som använder pixlar en tankeställare.

Andra bloggar om: webbdesign, tillgänglighet, användbarhet