/CSS/Howto stop the screen from zooming in when I click on input tag on mible

Howto stop the screen from zooming in when I click on input tag on mible

input:focus { font-size: 16px!important}

Source: stackoverflow.com

Howto stop the screen from zooming in when I click on input tag on mible

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

Source: techstacker.com

Howto stop the screen from zooming in when I click on input tag on mible

<!DOCTYPE html>
<html>
  <head>
    <title> Disable the Zoom</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <style>
      body {
        width: 630px;
        border: 3px solid #4a91d8;
        height: auto;
      }
      h1 {
        color: #4a91d8;
        text-align: center;
        text-shadow: 1px 3px 2px #000;
      }
      img {
        border: 2px solid black;
        margin: 5px;
      }
      div::after {
        content: "";
        clear: both;
        display: table;
      }
      .left {
        float: left;
      }
      .right {
        float: right;
      }
    </style>
  </head>
  <body>
    <div>
      <h1>
        Houses
      </h1>
      <img src="https://cdn.vox-cdn.com/thumbor/RVclEmJ7_fDjExXPmUtHZ2nOeCU=/0x0:3000x2000/1200x800/filters:focal(1260x760:1740x1240)/cdn.vox-cdn.com/uploads/chorus_image/image/60890575/LizKuball_180512_0066_HighRes_Bungalow_Heaven.0.jpg" alt="House 1" width="396" class="left" />
      <img src="http://www.greenhomebuilding.com/images/booksetc/naturalbuilding1.jpg" alt="House 2" width="196" class="right" />
      <img src="https://ichef.bbci.co.uk/news/660/cpsprodpb/8B96/production/_105243753_house.jpg" alt="House 3" width="396" class="left" />
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQVAFvLYZXJ3xBEFRTnXe60ANdxJVCCisVXdkFzWKwJbCEjKMwxYw" alt="House 1" width="196" height="101" class="right" />
      <p>
        <strong>Note:</strong> Not zoomable on mobile
      </p>
    </div>
  </body>
</html>

Source: w3docs.com

Similar codes

3 votes142 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS
1 vote182 views1 answer
Webkit css
CSS
0 vote234 views1 answer
Codemirror resizable
CSS
0 vote144 views1 answer
Css background half one color the other half another color
CSS
2 votes178 views2 answers
Css move inline image up
CSS
29 votes152 views4 answers
Css input
CSS
7 votes141 views2 answers
Make images same size css
CSS
0 vote149 views1 answer
Css animate background color change
CSS
0 vote148 views1 answer
How to make a div in top left in css
CSS
0 vote173 views1 answer
Mysql_config not found
CSS