DEV Community

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

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 !

sanidz profile image

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));