title: Is 4.8px font-size a minimum threshold for responsive value in CSS? (On Google Chrome)
body: <p>I was testing to check on the computed value of font-size using percentage (%). I am using chrome <em>(Version 78.0.3904.87)</em> on my environment.</p>
  
  <p>I understand that the default font-size of my root element is 16px as I saw it inside my devTools. However, I am getting <strong>4.8px computed font-size</strong> when I applied <strong>1% font-size on html</strong> (root element). </p>
  
  <p>So, I am wondering is 4.8px a magical number of some sort in Chrome or what? Can someone please enlighten me or point me to any relevant sources? Thanks in advance!</p>
  
  <p>Below are my html and a screenshot of my devTools showing the computed font-size value of 4.8px</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;style&gt;
      html{
        font-size: 1%
      }
  
      .test{
        font-size: 15rem
      }
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div class="test"&gt;Testing&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/pzBYP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pzBYP.png" alt="enter image description here"></a></p>