proper scaling (images too)

[MattiJarvinen-BA]

Sometimes displays/projectors/whatnot used to give presentations are in very different sizes scaling images and content could be useful.

Example code from some projects I have used.

// when resizing
var denominator = Math.max(
        body.clientWidth / window.innerWidth,
        body.clientHeight / window.innerHeight
);

var transform =  'scale(' + (1 / denominator) + ')';

// scale body  individual slides scale at the same time
// if background is not supposed to scale set it to html
body.style.WebkitTransform = transform;
body.style.MozTransform = transform;
body.style.msTransform = transform;
body.style.OTransform = transform;
body.style.transform = transform;

[LeaVerou]

Yeah, that's a thought I already have. Give up the font scaling code and just use transforms.
One potential issue with that is that the aspect ratio is always the same. But I guess that’s not very important. Hmm. I need to think about it a bit more.