title: what is the calculation for converting px/em/rem to vw in 100vw(100% width)?
body: <p><a href="https://i.stack.imgur.com/DfF9r.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DfF9r.jpg" alt="Image"></a></p>
  
  <p>What is the calculation for converting 45px/45em/45rem to vw in 100vw(100% width)? Can it be done with css?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>font-size:calc(calculation for 45px to vw in 100vw);
  
  font-size:calc(calculation for 45em to vw in 100vw);
  
  font-size:calc(calculation for 45rem to vw in 100vw);</code></pre>
  </div>
  </div>
  </p>