home
autoresize
<html>
<head>
   <STYLE>
      P {color: red; font-size: 10px;}
   </STYLE>
   
<script type="text/javascript"> 
	var totalRes; 
function alertSize() {
	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		myWidth = window.innerWidth; myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth ||document.documentElement.clientHeight ) ) {
		myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		myWidth = document.body.clientWidth; myHeight = document.body.clientHeight;
	}
	totalRes = (myWidth * myHeight);
	myParaStyle.fontSize = totalRes/6000;
}
      var myStyleSheet = document.styleSheets[0];

if(!myStyleSheet.cssRules)
{
myStyleSheet.cssRules = myStyleSheet.rules;
}

var myParaStyle = myStyleSheet.cssRules[0].style;
</script>

</HEAD>
<body onresize="javascript:alertSize();">
<P> Here you go, this is a sample line of text. </P>
</body></html>