29-09-2009, 17:57
Jest relatywna, bo:
wielkości podane w em, zależą od wilekości czcionki (domyślnie dla przeglądarki jest to font-size:16px
.Czyli np. jak napiszesz font-size: 2em to domyślnie będzie to 32px;. Idąć dalej jak w body dasz font-size: 62,5%; to domyślna wielkość czcionki na twojej stronie będzie 10px. Jeśli na tej stronie będziesz chciał mieć h1 wielkości 12px to napiszesz font-size: 1.2em. Podobnie sprawa wygląda przy div-ach itd.
Jest elastyczna, bo:
jeśli wszystkie wymiary podesz w em, to cała strona będzie się dostosowywać proporcjami do czcionki w przeglądarce. Jak dobrze się przyglądniesz to np. arial inaczej wygląda w Operze, a inaczej w IE. Na małych ekranach czcionka się nie rozmarze.
Jest elastyczna i relatywna, bo:
jak zmienisz wartość domyślną em to wszystkie wymiary na stronie się zmienią automatycznie. Jeśli podasz w px, będziesz musiał edytować cały CSS.
Druga sprawa to to, że starsze IE nie potrafią zmieniać wilekości czcionki podanej w px, gdy user powiększa sobie stronę w menu widok.
wielkości podane w em, zależą od wilekości czcionki (domyślnie dla przeglądarki jest to font-size:16px
.Czyli np. jak napiszesz font-size: 2em to domyślnie będzie to 32px;. Idąć dalej jak w body dasz font-size: 62,5%; to domyślna wielkość czcionki na twojej stronie będzie 10px. Jeśli na tej stronie będziesz chciał mieć h1 wielkości 12px to napiszesz font-size: 1.2em. Podobnie sprawa wygląda przy div-ach itd.Jest elastyczna, bo:
jeśli wszystkie wymiary podesz w em, to cała strona będzie się dostosowywać proporcjami do czcionki w przeglądarce. Jak dobrze się przyglądniesz to np. arial inaczej wygląda w Operze, a inaczej w IE. Na małych ekranach czcionka się nie rozmarze.
Jest elastyczna i relatywna, bo:
jak zmienisz wartość domyślną em to wszystkie wymiary na stronie się zmienią automatycznie. Jeśli podasz w px, będziesz musiał edytować cały CSS.
Druga sprawa to to, że starsze IE nie potrafią zmieniać wilekości czcionki podanej w px, gdy user powiększa sobie stronę w menu widok.
