rem get unexpected px when meta scale 0.5 (only in chrome simulator)
<p>Simple HTML:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html style="font-size: 100px;"&gt;
&lt;head&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no"&gt;
&lt;style&gt;
p{
    font-size: 0.2rem;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;doindex.doindex..doindex.doindex..doindex.doindex..doindex.doindex..doindex.doindex..doindex.doindex..doindex.doindex.fsadfa1234&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>chrome calc 0.2rem to 33.2px.</p>

<p>Console screenshot:</p>

<p><img src="https://i.stack.imgur.com/u8j2e.png" alt="screenshot console"></p>