webForumDet fria alternativet

Hur fungerar måttet "em" egentligen?

HTML & CSS

29 svar · 2 478 visningar · startad av olarsson · sida 2 av 2

Frågan, av olarsson

Hur är det med em i CSS egentligen? Tas detta måttet utifrån normalstorleken på texten hela sidan eller utifrån textstorleken på det aktuella blocket. Anta att man har en sektion som har bredden i em och man får för sig att ändra textstorleken i detta block kommer då sektionen bli bredare? Vad händer om man har många olika textstorlekar i en viss sektion?

Läs frågan i sin helhet →
Medlem sedan maj 20007 492 inlägg
#21

Här är en sida som underlättar huvudräkningen om man har många nästlade element.

Medlem sedan okt. 20001 285 inlägg
#22

Okkido skrev:

Här är en sida som underlättar huvudräkningen om man har många nästlade element.

Hade font-size på 100.1% av nån anledning (hört nåt om IE) så det galet. Tack för konvertern :birp ser lika ut i både FF 3 & IE 7 .. nice

font-size: 100%
960px = 60.00em
640px = 40.00em

Medlem sedan apr. 200312 679 inlägg
#23

Du behöver inte ange decimalerna... :D Men det kanske du redan vet. Likadant, använder man halva enheter räcker det ifall man skriver .8 eller .7 osv. Ser häftigare ut ju! :birp

Medlem sedan okt. 20001 285 inlägg
#24

yes :)

Medlem sedan okt. 20005 273 inlägg
#25

SimonG skrev:

Om jag förstår dig rätt vill du ha ett enkelt sätt att omvandla pixlar till em?

Sätt body-taggen till "font-size:62.5%;" så motsvarar 1em 10px.

Då Internet Explorer inte tolkar halva procentenheter är det bättre att göra på detta vis:

html{
font-size: 125%;
}
body{
font-size: 50%;
}

jag skrev nyss en post om detta: http://www.icaaq.com/2008/04/16/how-to-fix-internet-explorer-rounding-font-size-bug/

mv icaaq

Medlem sedan okt. 20001 285 inlägg
#26

jag kör

html,body
{
	font-size: 100%;

sidorna ser nästan identiska ut i FF3 & IE7

Medlem sedan nov. 20051 317 inlägg
#27

jarvklo skrev:

Hur skall jag kunna veta var du var och vad du gjorde förutom knackade på ett tangentbord när du skrev ditt inlägg? :moose

HAHA, bästa idag :birp

Medlem sedan maj 20007 492 inlägg
#28

Fuel skrev:

jag kör

html,body
{
	font-size: 100%;

sidorna ser nästan identiska ut i FF3 & IE7

Fast där ställer du inte ner font-storleken något. Du använder dig enbart av standardinställningen (16px)

Medlem sedan feb. 200777 inlägg
#29

...

Om man försöker floata 3 divar brevid varandra som har den totala bredden 100% så (t.ex. 25% 50% 25%), så ryms de inte, i alla fall inte i IE. Har ni några sluga tricks för att komma runt det problemet, så att man kan fylla 3 skärmen till 100% av bredden i alla fall?

Medlem sedan okt. 20005 273 inlägg
#30

Vad har detta med em -mått att göra?

Starta en ny tråd istället.

mv icaaq

259 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)