Skip to Content (Press Enter)
2023-11-02 02-49-04
Abirami Srinivasan
295Views
3Comments
Solved
Zoom in and Out - Easy way
Question
CSS
Traditional Web
Application Type
Traditional Web

Hi all,

I would like to add a zoom in and out option to my website. Example: When I click + button, all the content in the application should be zoomed in. I have used different sizes for each container right now. Is there an easy way to add/subtract the size of each component?

Thanks,

Abira

0
0
06 Jan 2022
Copy Link
2020-09-01 10-42-42
Stefano Valente
Solution

This little piece of javascript will zoom your page to 120%:

document.body.style.zoom = 1.2;


i assume you can implement it yourself to zoom +10% etc. ?

0
0
06 Jan 2022
Copy Link
2023-11-02 02-49-04
Abirami Srinivasan

Worked like charm. Thank you :)

0
0
06 Jan 2022
Copy Link
UserImage.jpg
Akash Chouhan

Hello Abira,

Check out this may be useful for you

javascript - How can I zoom html upon button click? - Stack Overflow


Thanks & kind Regards

Akash.

1
0
06 Jan 2022
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.