Opera Mobile 10 quirk for pre tag
It’s the third week we are dealing with Opera Mobile 10, we found this mobile browser to be difficult and glitches kept popping up. Here is another issue we ran into with pre tag that resulting horizontal scrolling in the 320px portrait vertical view in iPhone/iPod.
In our Week 4 assignment for Mobile Web Best Practices, we used pre tag to styling a poem; with @ media rule targeting max-width: 480px in conjunction with viewport, we are able to prevent horizontal scrolling, both Andriod and Safari browsers are able to re-adjust the content wrapped in pre tag except Opera, on top of that, the browser ignores the font-size property.
pre {margin:0;font-size:100%}
Another thing about Opera Mobile browser, is that it ignores font-family property, and load the default San Serif font; the same behavior occurs in Andriod browser too.