Resizing a window

Question

How do I resize a window that I opened like this.
<a href="image1.jpg" target="_blank">
<img src="image1.jpg" />
</a>
I used this in my code to enlarge an image.
But the enlarged image is too large.
I want it to fit my phone's screen.

Answer 1

Thanks it worked.
The code helped me.
Thank you so much.
I realized that the error is from my code editor it. It zooms out the image itself.
But when I uploaded it on Github and viewed it with a browser, it came out norma as should be.
Here the link to what I did.
https://fasasisherif.github.io/Image-Zoom/Image_Zoom.html

Answer 2

I've given it dimensions for before the image is clicked. The image is much smaller then.
How do I separately adjust the image for when I click on it?

Answer 3

What if I want a situation where I click, the image zooms out and buttons appear on the left and right of it.
For every image in a gallery I click on?

Answer 4

If you use the Bootstrap just give a class to image as
class="img-fluid"
This class will give you a image responsive for all types of devices

if you don't use bootstrap
Give dimensions to the image
This will fit to your mobile screen

Answer 5

Check this
If you still can't get let me know!

https://code.sololearn.com/WcLdWm13cF9z/?ref=app