Why does mobile safari zoom in on some elements when tapping?

Question

css

I have a slider that I made - and it has a wide div on the sides on which if you click on it, the next photo pops up. These divs go to the edges of the screen. The problem is that when you press your finger on them from a mobile phone in safari, sometimes they behave normally, and sometimes safari takes and scales up focusing on this button. Who knows how to get rid of this? this is terribly annoying.
On the screen, I circled the button element in yellow completely so that it would be clear.

and this is how he approaches sometimes

Answer 1

try

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">