How to defeat built-in zoom in ios mobile browser?

Question

iOS

I can't figure out why this code doesn't work:

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

body {position:absolute;width:100%;height:100%;}

For some reason, all the buttons are hefty - twice as large as necessary
. How to make the height of the buttons exactly the same as indicated in pixels?
if I do

<meta name="viewport" content="width=device-width,initial-scale=0.5,maximum-scale=0.5,user-scalable=0" />

then the scale becomes normal

Answer 1

1. content replace with

width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0

2. Add normalize.css