DEV Community

Discussion on: how to change the whole page scale (zoom) ?

Collapse
sanidz profile image
sanidz

Set the font-size on the body. Play with ems.

Collapse
mostafalaravel profile image
mostafalaravel Author

When I change the font size it doesn't change the pictures size also ..

I'm looking for a way to zoom out everything !

Collapse
sanidz profile image
sanidz

Include additional variable for ratio for example:

base-size: 1em
base-ratio: 1.5

Use ratio for calculating picture sizes and fonts as well...
Single img selector that uses calc will do:
img {
height: calc(100% *var(--base-ratio));
}