After the H5 page is allowed to zoom in and out, the browser's zoom in and out icon appears on the page, how to remove it?

problem description

because a page needs to be zoomed in and out, after setting the user-scalable=yes,
H5 page in viewport to allow zoom in and out, only on the Android phone app, the browser"s zoom in and out icon appears on the page, how to remove it?

the environmental background of the problems and what methods you have tried

I can"t find a method on the Internet. I hope there is a big god who knows, can you give me some guidance, thank you.

related codes

document.getElementById("viewport").setAttribute("content", "user-scalable=yes, width=device-width, minimum-scale=1, initial-scale=1, maximum-scale=2");

what result do you expect? What is the error message actually seen?

want to remove the zoom in and out icon of the browser that appears on the page because it blocks the display of the data.