Do we have any solution to fix this issue, as we have a requirement not to pinch-to-zoom in the web application which we are working on. Tried below scenarios:
Page Zoom:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
Input field zoom:
input[type="text"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="button"]:focus, select:focus {
font-size: 16px !important;
}
Any help would be most appreciated.