The buttons and pinches off the scale use this page's zoom; the corner buttons stay put while the content grows.
A balance stays level when both pans hold the same amount. On the left are a mystery weight x and a 3; on the right is a 7. Taking the same amount off both pans keeps the beam level, so taking 3 from each side leaves x on the left and 4 on the right.
The numbers under the beam count steps out from the pivot. A weight farther from the pivot turns the beam harder, which is how a steelyard weighs with one small poise.
The triangle on the grid has legs of 3 and 4 squares. Squares built on its sides have areas 9, 16 and 25, and 9 + 16 = 25: the Pythagorean rule, drawn small enough that you need to zoom in to read it.
Try it: pinch anywhere on the page, or use − + Fit in the corner. Zoomed in, drag with one finger to pan. The header and the buttons stay the same size.