New issue
Advanced search Search tips

Issue 732838 link

Starred by 2 users

Issue metadata

Status: WontFix
Owner: ----
Closed: Jun 2017
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug



Sign in to add a comment

fluent.microsoft.com layout incorrect in Chrome

Project Member Reported by chaopeng@chromium.org, Jun 13 2017

Issue description

Chrome Version: 59.0.3071.86 (Official Build) (64-bit)
OS: Linux

What steps will reproduce the problem?
(0) Adjuct your Minimum font size: chrome://settings/fonts to bigger then to Minimum(6px)
(1) Open fluent.microsoft.com.

What is the expected result?

Same as Firefox. See attachment. 

What happens instead?

See attachment.

It seems related to minimum font size. This issue found in Chinese community https://www.zhihu.com/question/60942337. 
 
chrome.png
392 KB View Download
firefox.png
755 KB View Download
In the page, root font-size settings is:

@media (min-width: 768px)
html {
    font-size: 0.07321vw;
}

That means in 1080 width. root font size is 1080 * 0.07321% = 0.79px (?) and it is less than 6px so reset to 6px (?). Then the svg and the mirror effect area are rem. So they get wrong size.

Comment 2 by e...@chromium.org, Jun 16 2017

Status: WontFix (was: Untriaged)
Closing as per comment 1.

Sign in to add a comment