<!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 style="font-size: 2.5rem">
    This paragraph should be autosized to 40px computed font-size (16 * 800/320),
    whereas the check boxes below should be rendered at their default size and
    the accompanying text below should remain 16px.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua.
</div>
<div>
    Check one or more:
    <input type="checkbox" name="vehicle" value="Bike">I have a bike<br/>
    <input type="checkbox" name="vehicle" value="Car">I have a car <br/>
</div>

</body>
</html>