en lugar de usar unidades absolutas (px, cm, etc...) puedes usar unidades relativas (%, em). los porcentajes dan sus problemas en algunos casos y los em no son fáciles de usar.
un ejemplo simple de uso de em
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento sin título</title>
<style type="text/css">
body {font-size: 20px;}
#bloque {font-size: 1em;} /* 20px */
.bloque2 {font-size: 1.8em;} /* 36px */
.bloque3 {font-size: 0.8em;} /* 16px */
</style>
<script type="text/javascript">
function tamEm(elm) {
alert(Number(getComputedStyle(document.getElementB yId(elm), '').fontSize.match(/(\d+)px/)[1])+'px');
}
</script>
</head>
<body>
<div id="bloque">Si se cambia el tamaño de fuente del body, cambiará el tamaño de fuente de los demás bloques
<div id="bloque2" class="bloque2">Otro tamaño</div>
<div id="bloque3" class="bloque3">Otro tamaño</div>
</div>
<input type="button" onclick="tamEm('bloque')" value="Tamaño de Inicio" />
</body>
</html>