You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I've noticed on older BlackBerry (Using a 9000 on 4.0 OS) that when an element has line height set with rem, the browser seems to render it as if it were set with em units.
For example,
h1 {
font-size: 46px; line-height: 50px;
font-size: 4.6rem; line-height: 5.0rem;
}
Setting the size and line-height in px for other browsers that don't support rem, and then overriding them with rem values seems to work for every other device so far, it just seems to be this older BlackBerry OS that is trying to render the rem (at em values).
This is possibly an issue for other properties - not just line-height.
The text was updated successfully, but these errors were encountered:
Just run into this issue again, and it's not a great solution, but putting all the declarations that used rem units inside a @media only all { } statement meant that it didn't read them, so at least the site didn't look broken.
I've noticed on older BlackBerry (Using a 9000 on 4.0 OS) that when an element has line height set with rem, the browser seems to render it as if it were set with em units.
For example,
h1 {
font-size: 46px; line-height: 50px;
font-size: 4.6rem; line-height: 5.0rem;
}
Setting the size and line-height in px for other browsers that don't support rem, and then overriding them with rem values seems to work for every other device so far, it just seems to be this older BlackBerry OS that is trying to render the rem (at em values).
This is possibly an issue for other properties - not just line-height.
The text was updated successfully, but these errors were encountered: