W3C home > Mailing lists > Public > www-style@w3.org > August 2012

Re: [css3-values] viewport units (v*) and zoom

From: François REMY <fremycompany_pub@yahoo.fr>
Date: Mon, 20 Aug 2012 18:28:38 +0200
Message-ID: <9F43DCA08FD64FE3A902F83AE876A643@FREMYD2>
To: "Giuseppe Bilotta" <giuseppe.bilotta@gmail.com>
Cc: "WWW Style" <www-style@w3.org>
Indeed, you just discovered what an implementation bug. This implementation 
bug occurs when the 'v*' units are converted to pixels in a font-size 
declaration. Here's a reduced test case for the problem:

<!doctype html>
        <title>Invalid VM/VH to PX conversion in FONT-SIZE only</title>

            html, body { margin: 0px; padding: 0px; }
            html { font-size: 100vh; line-height: 0px; overflow: hidden; 
background: darkred; }
            div { position: absolute; top: 0px; }
            #vh { height: 100vh; width: 100vw; background: red; }
            #em { height: 1rem; font-size: 100vw; width: 1em; background: 
lime; }

        <!-- set this page at 50% zoom level; you should not see any red on 
this page -->
        <div id="vh"></div>
        <div id="em"></div>

It seems there's already a webkit bug open for this issue: 
https://bugs.webkit.org/show_bug.cgi?id=87846 (maybe you want to +1 it). If 
you are ok with this, I can report the bug on Connect for IE (I'll link this 

Nice find,
Received on Monday, 20 August 2012 16:29:04 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 11 February 2015 12:35:14 UTC