JSFiddle - React, Tailwind, and code Playground

by Shang WenLong

JavaScript

//auto adaptation
	var calculate_size = function () {
		var BASE_FONT_SIZE = 100;

		var docEl = document.documentElement,
			clientWidth = docEl.clientWidth;
		if (!clientWidth) return;
		docEl.style.fontSize = BASE_FONT_SIZE * (clientWidth / 750) + 'px';
	};

	// Abort if browser does not support addEventListener
	if (document.addEventListener) {
		var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
		window.addEventListener(resizeEvt, calculate_size, false);
		document.addEventListener('DOMContentLoaded', calculate_size, false);
		calculate_size();
	}