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>
<html>
    <head>
        <title>Invalid VM/VH to PX conversion in FONT-SIZE only</title>
        <style>

            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; }

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

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 
conversation).

Nice find,
François 
Received on Monday, 20 August 2012 16:29:04 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:58 GMT