JSFiddle - React, Tailwind, and code Playground

by danto

HTML

<iframe
  srcdoc="<style>html,body{font-size:10vw;} p{font-size:1rem;}</style><p>Some Text Scales</p><p>More Text</p>"
  src="javascript:window.document.write(window.frameElement.getAttribute('srcdoc'))"
  marginheight="0"
  marginwidth="0"
  frameborder="0"
  width="50%"
  height="300"
  scrollin3="no"></iframe>
  
<iframe
  srcdoc="<style>html,body{font-size:100vw;} p{font-size:.1rem;}</style><p>Some Text 300px</p><p>More Text</p>"
  src="javascript:window.document.write(window.frameElement.getAttribute('srcdoc'))"
  marginheight="0"
  marginwidth="0"
  frameborder="0"
  width="300px"
  height="300"
  scrolling="no"></iframe>
  
  <iframe
  srcdoc="<style>html,body{font-size:100vw;} p{font-size:.1rem;}</style><p>Some Text 500px</p><p>More Text</p>"
  src="javascript:window.document.write(window.frameElement.getAttribute('srcdoc'))"
  marginheight="0"
  marginwidth="0"
  frameborder="0"
  width="500px"
  height="300"
  scrolling="no"></iframe>