随着Web开发的不断发展，CSS技术已经成为了构建现代Web页面必不可少的一部分。CSS不仅可以用于控制网页的布局、样式和响应式布局，还可以用于控制图片的宽高。本文将介绍CSS如何控制图片的宽高成比例。
## 1. 使用绝对定位
使用绝对定位可以控制图片的位置，同时也可以控制图片的宽高。使用绝对定位时，需要在图片元素上添加一个#或.标签，例如：
## 2. 使用transform属性
除了使用绝对定位外，还可以使用transform属性来控制图片的宽高。使用transform属性时，需要将参数中的“scale”值设置为“1.5”或“2”，例如：
## 3. 使用flex布局
使用flex布局可以控制图片的宽高，同时也可以控制图片的排列顺序。使用flex布局时，需要在图片元素上添加一个#或.标签，例如：
<div>
</div>
## 4. 使用viewport
使用viewport可以控制图片的宽高，同时也可以控制图片的大小。使用viewport时，需要在图片元素上添加一个#或.标签，例如：
<div>
</div>
以上就是CSS如何控制图片的宽高成比例的一些常用方法，通过使用不同的CSS属性和方法，可以灵活地控制图片的宽高，实现更加完美的布局效果。