em istället för pixlar… men vad är em?

Relativa mått som anpassar sig efter användarens inställningar (läs: speciella behov) är bra. Att använda em istället för storlek i pixlar eller punkter på webbplatsern är därför jättebra. Tillgängligt. Men ganska svårt att arbeta med.

En em är nämligen lika mycket som en punkt i den storlek man utgår ifrån. På webben utgår man ifrån att 1 em är 16px eller 12punkter.  Alltså inte som bilden föreslår; storleken för ett M. Med dessa förhållanden kan man sedan mer eller mindre utgå ifrån hur webbläsarna kommer tolka dina mått. Eller? Slutar uträkningen på en decimal kommer webbläsarna att avrunda olika. Perfekt på pixeln är ett minne blott.

Vi tar ett exempel. På studera.nu har man satt standardmåttet till 0,7 em dvs till 70% av webbstandard tillika 11 pixlar eller 8 punkter. Mittkolumnen på startsidan är 34 em vilket blir 374 pixlar, minus den padding (marginal) satt till 0,9 em till höger och vänster (tot 20 pixlar). Text och bilder kan vara maximalt 354pixlar breda.

Se gärna den smarta lilla konvereteraren på http://pxtoem.com/. Som gör livet lite enklare.

Annonser
  1. No trackbacks yet.

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s

%d bloggare gillar detta: