Længdemål

Postet Den: 31/08/2008 Kl: 8:12

De Måleenheder som bruges i web design er gennemgået i dette reference opslag. Måleenhederne er også kendt som Længdemål, og bruges ikke kun i HTML og CSS, men også i grafiske programmer.

Længdeenheder

Brugbare enheder i Web Design.

Pixels (px)

Er stadig en af de bedst egnede, både til font størrelser og til layout. En hvis grad af kontrol over hvordan en side vises på brugernes systemer er oftest at foretrække. Der kan dog opnås næsten lige så gode rasultater ved brug af procent og min-width og max-width, i nogle tilfælde bedre.

div#basement {
  width: 700px;
}

EMs (em)

Em er en af de bedste enheder til tekststørrelser, EM siges at matche størrelsen af fonten, hvilket kan variere efter system og browser, det er nødvendigvis ikke en dårlig ting. Angives tekststørrelser ved brugen af EM, kan teksten på en side nemt ændres i alle browsere, man kan også angive bredden på siden i em, men rasultatet kan være svært at arbejde med, dog ikke umuligt.

#Basement {
  width: 60em;
}

Procent (%)

Når man bruger procent til layout, anbefales det at bruge en min-width og max-width som er angivet i pixel. Det giver noget kontrol over det endelige udseende, og tillader at siden tilpasser sig en lang række forskellige skærmopløsninger.

#Basement {
  width: 75%;
  max-width: 1600px;
  min-width: 700px;
}

Exes (EX)

Størrelsen siges at være x-højde af bogstavet "X".

body {
  font-size: 1ex;
}

Enheder til Print

De enkelte operativsystemers måde at oversætte disse enheder til pixels er forskellige, derfor anbefales det ikke at bruge disse enheder til andet end printere.

Tommer (in)

Er bedst egnede til printere.

@media print {
  /* Stil til Printere */
  body { font-size: 1in; }
}

centimeter (cm)

Er bedst egnede til printere.

@media print {
  /* Stil til Printere */
  body { font-size: 1cm; }
}

Millimeter (mm)

Er bedst egnede til printere.

@media print {
  /* Stil til Printere */
  body { font-size: 1.5mm; }
}

points (pt)

1 pt = 1/72 in.

Er bedst egnede til printere.

@media print {
  /* Stil til Printere */
  body { font-size: 12pt; }
}

picas (pc)

picas, 1 pc = 12 pt.

Er bedst egnede til printere.

@media print {
  /* Stil til Printere */
  body { font-size: 5pc; }
}

Ovenstående er listede under best egnede til print, da rasultaterne har været varierende alt efter hvilken platform eller browser der benyttes.

Forfatter: BlueBoden

Kommentarer: [0]

Vejledninger

Referencer

Brugbart

Links

© Brugbart Webdesign