2011-04-18 3 views
1

При просмотре моего приложения через Windows7 IE8 я заметил, что размер шрифта для тегов H1 и H2 полностью выключен и слишком велик.Windows 7 IE8 Размер шрифта Проблема с em

Это приводит к тому, что заголовки обертывают и разрушают все под ним.

Размеры шрифта заданы как em, а не px, и Im не уверен, что это вызывает проблему. font-size: 2.7em;

У меня есть XP w/IE8, и приложение выглядит отлично. Я также проверил этот w/MS Expression Superview, и он отлично зарекомендовал себя во всех браузерах.

http://www.davincispainting.com

В этом скриншоте H1 & заглавий H2 появляются правильно. Однако, если это рассматривается с Windows7 IE8, существует проблема.

enter image description here

Вот Стиль Классы для H1 & H2 Метки:

#mid-feature h1 { 
color: #FF0000; 
font-family: Arial,Helvetica,sans-serif; 
font-size: 2.7em; 
} 
#midlower-feature h2 { 
color: #0C2A55; 
font-family: Arial,Helvetica,sans-serif; 
font-size: 2em; 
/*text-align:center;*/ 
} 
+0

Выглядит хорошо для меня на Win7 + IE9. Если это так важно для макета вашей страницы, почему бы не использовать px вместо em? –

+0

Я знаю, что они вызывают странное поведение. Em представляет (теоретически) ширину прописной буквы M в текущем шрифте. Я считаю, что исторически он использовался для измерения размера текста с учетом определенного шрифта. Но установка размера шрифта в терминах ems является рекурсивным - как вы знаете, что такое em до * после * вы задаете размер шрифта? – David

+0

@Bala Я мог бы попытаться использовать px. Мне это тоже понравилось, пока я не увидел это на компьютере моего друга. Я думаю, что проблема может быть связана с разрешением экрана на их компьютере. – Paul

ответ

2

Вы можете включить сбрасываемый страницу CSS , прежде чем ваш CSS. Цель сброса состоит в том, чтобы получить состояние по умолчанию для всех элементов в согласованное состояние для всех браузеров, поэтому ваш собственный стиль CSS имеет больше шансов выглядеть одинаково в каждом браузере.

YUI has a reset you can use.

+0

Браузеры имеют разные CSS по умолчанию для многих тегов HTML. Хороший сброс гарантирует, что все браузеры начинаются в одном и том же месте. –

+0

Я ценю все внимание в этом, я понимаю, что это был не самый изящный вопрос для решения, Еще раз спасибо. – Paul

Смежные вопросы