Chrome ne respectant pas la taille de police rem sur l'étiquette du corps?

Que j'ai prises à l'aide de rem's à la taille des polices dans les projets récents, puis à l'aide px comme une solution de repli pour les anciennes versions d'IE.

J'ai aussi été un font-size de 62,5% sur lehtml afin que je puisse plus facilement définir des tailles de police plus tard dans la feuille de style, j'ai ensuite définir une taille de police de 1.4rem sur le corps de sorte que non stylé éléments ont une base font-size d'au moins 14 pixels, voir le code ci-dessous:

html { font-size: 62.5%; } /* font-size: 62.5% now means that 1.0 rem = 10px */
body { background: #fff; font-family: arial; font-size: 1.4rem; line-height: 1.6rem; }

Le problème est, Chrome semble gérer cela d'une manière étrange ... Chrome semble définir la taille de la police correctement sur le premier chargement de la page, mais sur les actualisations de la taille de la police sont bien plus grands que ce qu'ils devraient être.

VOIR TRIPOTER (HTML copié ci-dessous pour référence future)

<!DOCTYPE html>
<html lang="en-GB">
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <p>This is a test, this font should have font-size of 14px.</p> 
        <p>This is a test, this font should have font-size of 14px.</p> 
        <p>This is a test, this font should have font-size of 14px.</p> 
    </body>
</html>

N'oubliez pas, vous pourriez avoir besoin de frapper exécuté une fois ou deux fois dans Chrome pour voir dit de l'effet.

Quelqu'un sait quelle en est la cause ou si il y a un moyen de contourner cela? Suis-je en train de commettre un crime par la mise à 62,5% font-size sur le html élément (je me rends compte il y a des arguments contre le faire)?

source d'informationauteur Sean