Some sizes should be in pixels, not em, to scale correctly

[Otto Kekäläinen]

Info from kehitys@:

On Tuesday 05 April 2011 09:59:43 Petri Salmela wrote:
> http://coyote.dy.fi/~pesasa/valo/Firefox-valo-cd-1.png

Sekä:
http://coyote.dy.fi/~pesasa/valo/Firefox-valo-cd-2.png
http://coyote.dy.fi/~pesasa/valo/Firefox-valo-cd-3.png
http://coyote.dy.fi/~pesasa/valo/Firefox-valo-cd-4.png

Esimerkiksi pdfcreator.png on kooltaan 64x46 pikseliä, mutta kun sen koko
skaalataan sekä pysty- että vaakasuunnassa 12.8em:iin, se "pikselöityy" ja
kaiken lisäksi venyy pystysuunnassa neliöksi, mitä se ei alunperin ole.

**

Vastaava ongelma on muuten myös tuon vasemman ylänurkan valo-cd.fi-logon
kanssa.
  http://coyote.dy.fi/~pesasa/valo/Firefox-valo-cd-5.png

Tuo kuva on h1-tagin taustakuvana ja h1:n kooksi on määritelty:
  height:1.765em;
  width:5.882em;
Mutta koska kuva on _bittikarttakuva_, jonka mitat ovat 200x136 pikseliä, niin
tuo em:einä määritelty koko riippuu täysin käytössä olevasta fonttikoosta.
Esimerkiksi, kun minä vaihdoin FF:n käyttämän fontin kooksi 12, niin kävi
kuten yllä olevassa kuvakaappauksessa.

Siis: jos kuva halutaan näkymään elementin taustakuvana, pitää sen elementin
koko määrätä kuvan oikeiden mittojen mukaan, ei fontin m-kirjaimen mittojen
mukaan.

***

http://coyote.dy.fi/~pesasa/valo/Firefox-valo-cd-7.png

Chromiumissa myös tuo alla oleva on saman levyinen kuin päällä oleva, eikä
kurkkaa siksi. Syynä tuohon on kai se, että listassa ja ohjelmakuvauksessa on
käytetty eri fontteja ja leveys varmaan määritelty em:einä. (joka eri
fonteille tarkoittaa eriä kokoa)