pixel til em

Ved skifte fra gammeldags angivelse af størrelser, bredder, højder og længder i pixel til det smarte og flexible em kan følgende lille værktøj være ganske nyttig:

Til de uvidende kan jeg oplyse, at en pixel repræsenterer en prik på din skærm, mens 1 em svarer til breden af bogstavet M – eller det betød det tidligere – nu er det vist højden af bogstaverne, da ikke alle fonte indeholder bogstavet M.

Anyway, så betyder konsekvent brug af em i størrelsesangivelser, at CTRL+ og CTRL- ændre størrelsen på hele den aktuelle side og ikke kun tekst, så layoutet burde derved i princippet ikke falde fra hinanden.

Mere om Em.
The amazing em unit and other best practices
Wiki: Em (typography)

This entry was posted in Webdesign. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>