есть страничка:
<html>
<head>
...
</head>
<body>
bla-bla-bla
<table>
...
</table>
bla-bla-bla
</body>
</html>
есть userscript
var div = document.createElement('DIV');
var table = document.getElementsByTagName('TABLE')[0];
var zoom = document.body.clientHeight / table.clientHeight;
var scale = 'scale(' + zoom + ',' + zoom + ')';
div.insertBefore(table, null);
document.body.insertBefore(div, document.body.firstChild);
document.body.style.transform = scale;
возникает две проблемы:
1. как убрать с экрана всё, что не включено в созданный DIV. (устраивает вариант style {position: absolute; top: -5000px;})
2. такое ощущение, что масштабирование происходит от правого нижнего угла. то есть таблица со всем своим содержимым "убегает" влево-вверх за пределы рабочей области и становиться частично недоступной.