Сейчас я работаю над мобильной версией веб-сайта, все отлично, отлично работает на iPhone, Blackberry и Android.

У меня есть одна небольшая проблема, не имеет большого значения, но все же немного раздражает. У меня: теги

установлены на 18 пикселей и жирным шрифтом

теги установлены на 12 пикселей и жирным шрифтом

теги установлены на 12 пикселей и нормальные

Теперь все выглядит отлично на iPhone при просмотре в портретной ориентации, но когда устройство поворачивается в альбомную ориентацию, заголовки

становятся меньше (трудно сказать, но, возможно, меньше, чем

теги?!

Вот мой css:

h1 {
 color:#FFFFFF;
 font-size:18px;
 line-height:22px;
 font-weight:bold;
 margin-top:0px;
}

h2 {
 font-size:12px;
 color:#333333;
 font-weight:bold;
 margin-bottom:-5px;
}

p {
 color:#333333;
 font-size:12px;
 line-height:18px;
 font-weight:normal;
}