Full screen image zoomed mobile
Hi guys. I have a website which is not too mobile friendly yet. It is wider than the screen so it is zoomed out all the time. (I know I know, but this is the starting situation we have 
)
I need a code to view images in a full screen overlay when they are clicked. I tried max-width/height: 100vw 100vh, but they are calculated based on the 100% zoomed version so the pictures are getting too small in the zoomed out state.
Is there any solution to make a full screen img/div base on the vw and the zoom state?
Thank you for your help in advance. I hope I made an appropriate question since this is my first time.
)I need a code to view images in a full screen overlay when they are clicked. I tried max-width/height: 100vw 100vh, but they are calculated based on the 100% zoomed version so the pictures are getting too small in the zoomed out state.
Is there any solution to make a full screen img/div base on the vw and the zoom state?
Thank you for your help in advance. I hope I made an appropriate question since this is my first time.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
