From db54f0da4d82017984a7edf9e4f001873ac794d2 Mon Sep 17 00:00:00 2001 From: Sami Samhuri Date: Sun, 9 Mar 2014 21:38:43 -0700 Subject: [PATCH] Work around a font size flicker bug Safari When the font-size is defined on html instead of body, Safari flickers the font size back and forth when resizing around each font-size change. Easy workaround is to change the font-size on body instead. --- grid.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/grid.css b/grid.css index cd6235f..1324f94 100644 --- a/grid.css +++ b/grid.css @@ -15,11 +15,11 @@ html { } @media (min-width: 40rem) { - html { font-size: 112%; } + body { font-size: 112%; } } @media (min-width: 64rem) { - html { font-size: 120%; } + body { font-size: 120%; } } body {