1. 程式人生 > >zoom元素用來設定縮放比例的

zoom元素用來設定縮放比例的

zoom元素縮放比例,其中適用於所有的元素,用來設定或者是檢索物件的縮放比例,對應的指令碼特性為zoom,原比例是1

我們通過一段程式碼來感受一下

 <style>
      div{
          width: 100px;
          height: 100px;
          float: left
      }
      .first-div{
          background: purple;
          zoom:1.5
      }
      .second-div{
          background: black;
          zoom
:1 } .third-div{ background: red; zoom:.5 } </style> <div class="first-div"></div> <div class="second-div"></div> <div class="third-div"></div>
這裡其中的紫色的盒子,黑色的盒子,紅色的盒子的大小分別是長為100px,寬為100px的盒子的1.5倍,1倍,0.5倍。