<!DOCTYPE html>
<html style="font-size: 16px">
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>

</head>
<body>

<div>
    <a href="">These</a>
    &gt;
    <a href="">Links</a>
    &gt;
    <a href="">Should</a>
    &gt;
    <a href="">Not be</a>
    &gt;
    <a href="">Autosized</a>
    <div style="font-size: 2.5rem">
        This paragraph should be autosized to 40px computed font-size (16 * 800/320),
        whereas the inline links in the header above should be detected as a row of links
        and hence rendered at their default size.
    </div>
</div>
<div style="font-size: 2.5rem">
    This paragraph should be autosized to 40px computed font-size (16 * 800/320).
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua.
</div>
</body>
</html>