Font-size

Hej,

jag har märkt att när man anger font-size: 8px; påverkas inte storleken på texten när man i IE väljer View > Text Size > Large, Larger osv.

Om man däremot anger font-size: .8px; påverkas det.

Nån som kan förklara för mig vad . egentligen betyder?

Finns det någon annan best practice för hur man anger font-size om man vill att användaren ska kunna ändra storlek på texten i IE?

/Fredrik

Hej och välkommen till wF! :)

Jag hittad det här inlägget:
http://www.webforum.nu/showthread.php?s=&postid=626039#post626039

Nån som kan förklara för mig vad . egentligen betyder?

Eftersom man inte kan ha en punkt där du har placerat den klarar inte webbläsaren av att tyda det du skrivit. Därför visas typsnittet i standardstorleken och går därför att ändra. :)

Web-Tor skrev:

Hej och välkommen till wF! :)

Jag hittad det här inlägget:
http://www.webforum.nu/showthread.php?s=&postid=626039#post626039

Nån som kan förklara för mig vad . egentligen betyder?

Eftersom man inte kan ha en punkt där du har placerat den klarar inte webbläsaren av att tyda det du skrivit. Därför visas typsnittet i standardstorleken och går därför att ändra. :)

Punkten är faktiskt inte felplacerad.

font-size: .8em

är samma sak som

font-size: 0.8em

Fast när det kommer till enheten px ballar IE ur. Visserligen finns det inga tiondels pixlar, så det är kanske inte så konstigt att det blir fel, men man kan tycka att IE borde vara konsekvent och tolka 0.8px på samma sätt som .8px.

Fast när det kommer till enheten px ballar IE ur. Visserligen finns det inga tiondels pixlar, så det är kanske inte så konstigt att det blir fel, men man kan tycka att IE borde vara konsekvent och tolka 0.8px på samma sätt som .8px.

Så länge värdet ligger under 1 px så måste man skriva ut en nolla innan punkten för att IE ska fatta. Annars tolkas det som 8 px - att det sedan kan gälla som 0.8 em är en annan femma men då pratar vi inte heller värdet pixlar.

Jag tänker på classattributen som i stilmallen oftast föregås med en punkt. Ex:

.rubrik

bara för att skilja på divvar och #

Kanske är det så att IE tolkar .8 som en class även om man inte lägger ut attributet class i koden? :q

kaxigt skrev:

Fast när det kommer till enheten px ballar IE ur. Visserligen finns det inga tiondels pixlar, så det är kanske inte så konstigt att det blir fel, men man kan tycka att IE borde vara konsekvent och tolka 0.8px på samma sätt som .8px.

Så länge värdet ligger under 1 px så måste man skriva ut en nolla innan punkten för att IE ska fatta. Annars tolkas det som 8 px - att det sedan kan gälla som 0.8 em är en annan femma men då pratar vi inte heller värdet pixlar.

Alla mått skrivs som <längd><enhet>.
Om <enhet> är "px" så tolkas längden ".8" på ett annat sätt än om <enhet> är t ex "em".
Jag poängterade
1. att det inte var fel att skriva ".8" istället för "0.8" ( http://www.w3.org/TR/CSS21/syndata.html#length-units )
2. att det var konstigt att IE tolkar talen på olika sätt beroende på vilken enhet som används.

OK, tack för alla svar! Har även testa lite utifrån svaren och kommit fram till följande (säg till om ni inte håler med):

- .8em = 0.8em
- 0.8px = 0.8px
- .8px är inte 0.8px, det är ej korrekt kod. Det är inte heller 8px

- .8px är inte 0.8px, det är ej korrekt kod.

Nja, det är korrekt kod men det fungarar inte i Explorer. Därför är det dumt att använda. ;)

Om <enhet> är "px" så tolkas längden ".8" på ett annat sätt än om <enhet> är t ex "em". Jag poängterade
1. att det inte var fel att skriva ".8" istället för "0.8" ( http://www.w3.org/TR/CSS21/syndata.html#length-units )
2. att det var konstigt att IE tolkar talen på olika sätt beroende på vilken enhet som används.

hmm...var väl det jag skrev i inlägget fast med andra ord....