I've been working on the mobile version of my website and everything has been working great on a BlackBerry, iPhone and Android. But I've been having one small problem.
<h1> tags set to 18px and bold
<h2> tags set to 12px and bold
<p> tags set to 12px and normal
It's working fine when it's viewed in portrait but when switched to landscape, the <h1> titles go smaller. Here's what I have for my CSS code: