Как отключить масштабирование на мобильной веб-странице с помощью HTML и CSS?

Source Code: (back to article)

<!DOCTYPE html>
<html>
  <head>
    <title>
      Отключение масштабирования
    </title>
    <meta meta name="viewport" content="width=device-width, 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="https://www.boutiquehomes.com.au/sites/default/files/400_Montauk%2047%20and%2049%20-%20Greyson%20facade.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>
        Не масштабируется на мобильных устройствах 
      </p>
    </div>
  </body>
</html>