Bug 117680 - rem unit does not scale well
Summary: rem unit does not scale well
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-06-16 03:38 PDT by Zbychu
Modified: 2022-07-13 14:53 PDT (History)
2 users (show)

See Also:

Attachments
html and css example (3.49 KB, text/html)
2013-06-16 03:38 PDT, Zbychu 		no flags Details
Shows 2 HTML elements with their pre calculated height, run time calculated height and actual height. This works as intended in Gecko but fails in all webkit based browsers. (2.89 KB, text/html)
2013-10-17 01:49 PDT, jon.ronnenberg 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Zbychu 2013-06-16 03:38:56 PDT 
Created attachment 204787 [details]
html and css example

Hi,

When I want to replace the old unit the size of a new, and when I prescaling the window size, rem is not precise. Examle below.

1px when converting to rem is invisible.

Firefox and IE10 scaling pretty good.


body {
font-size:62.5% /* ==> 10px */
}

div {
border: .1rem solid red /* ==> 1px */
}

screenshot:

chrome 27 default site (100% view)
http://d.pr/i/FmOe

chrome 27 (Ctrl+ + [90% view])
http://d.pr/i/bhHS

firefox resizing
http://d.pr/i/nS43
Comment 1 jon.ronnenberg 2013-10-17 01:49:04 PDT 
Created attachment 214434 [details]
Shows 2 HTML elements with their pre calculated height, run time calculated height and actual height. This works as intended in Gecko but fails in all webkit based browsers.

Shows 2 HTML elements with their pre calculated height, run time calculated height and actual height. This works as intended in Gecko but fails in all webkit based browsers. In this particular test-case and bug materialize itself when the font size is scaled below 57%.
Comment 2 jon.ronnenberg 2013-10-17 01:50:59 PDT 
@Zychu It's unclear what you mean by "prescaling the window size". Do you mean resizing the window or resizing the text by Command/CTRL +/-?

But I can confirm that this is indeed a bug. It seems to affect all webkit based browsers, Safari, iOS, Chrome, Opera, Android ect.

See the attached test-case: https://bugs.webkit.org/attachment.cgi?id=214434
Comment 3 jon.ronnenberg 2013-10-18 01:34:35 PDT 
This bug report seems unattended, meaning that no one is paying attention to comments. I therefore have created a new bug report #123012 to regain attention.
Comment 4 Brent Fulgham 2022-07-13 14:53:19 PDT 
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.