2013-04-22 18 views
7

Ta właściwość css nie działa na IE10:css jednostka rem nie pracuje z deklaracji czcionek

font: bold 3rem/6rem Arial; 

Jednakże, jeśli podzielić tę właściwość, aby oddzielić właściwości to działa:

font-size: 3rem; 
font-weight: bold; 
line-height: 6rem; 
font-family: Arial; 

Mogę również zamiast tego użyj PX i działa również:

font: bold 48px/96px Arial; 

Możesz go wypróbować na każdej stronie z debugerem IE. Dlaczego ta właściwość nie działa w IE, ale we wszystkich innych przeglądarkach?

Odpowiedz

11

Jednostka rem nie jest obsługiwana w IE dla skrótu czcionki. Jest to znany błąd. Mam nadzieję, że zostanie to naprawione. Jedyne, co wiem o pracy to określenie rozmiaru czcionki ponownie po właściwości czcionki, lub nie używać skrótu przy użyciu rem.

Raport błędów jest https://connect.microsoft.com/IE/feedback/details/772679/ie10-not-recognizing-font-decloration-when-rem-is-used-as-font-size-unit-of-measure

Aktualizacja: uwaga, że ​​zostało to ustalone zgodnie z IE11.

+1

Poza tym jednostka 'rem' nie jest w ogóle obsługiwana przez IE 8 i starsze, przez co jej użycie jest raczej wątpliwe. Czasami byłoby to przydatne dla wygody, pomagając uniknąć obliczania mnożników do użycia dla 'em', ale jeśli musisz wziąć stare przeglądarki pod uwagę, używając' rem' będziesz mieć * więcej * kłopotów w stylizacji, a nie mniej. –