JSFiddle - React, Tailwind, and code Playground

by nipheon

HTML

<div id="container"><span id="text">Text</span></div>

CSS

#text {font-size: 10px;background-color:#EEE;}
#container {width:300px;}

JavaScript

textWidth = $('#text').css('width').replace('px', '');
textSize = $('#text').css('font-size').replace('px', '');
containerWidth = $('#container').css('width').replace('px', '');

$('#text').css('font-size', Math.floor((containerWidth/textWidth)*textSize)+'px');