scale()方法，该元素增加或减少的大小，取决于宽度（X轴）和高度（Y轴）的参数 - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    div {
      margin: 150px;
      width: 200px;
      height: 100px;
      background-color: yellow;
      border: 1px solid black;
      border: 1px solid black;
      -ms-transform: scale(2, 3);
      /* IE 9 */
      -webkit-transform: scale(2, 3);
      /* Safari */
      transform: scale(2, 3);
      /* 标准语法 */
    }
  </style>
</head>
<body>

  <p>scale() 方法用于增加或缩小元素的大小。</p>

  <div>
    div 元素的宽度是原始大小的两倍，高度是原始大小的三倍。
  </div>

</body>
</html
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    div {
      margin: 150px;
      width: 200px;
      height: 100px;
      background-color: yellow;
      border: 1px solid black;
      border: 1px solid black;
      -ms-transform: scale(2, 3);
      /* IE 9 */
      -webkit-transform: scale(2, 3);
      /* Safari */
      transform: scale(2, 3);
      /* 标准语法 */
    }
  </style>
</head>
<body>
​
  <p>scale() 方法用于增加或缩小元素的大小。</p>
​
  <div>
    div 元素的宽度是原始大小的两倍，高度是原始大小的三倍。
  </div>
​
</body>
</html