css如何将图片的等比缩放原来的0.5倍
时间: 2023-09-01 18:08:27 浏览: 73
图片等比缩放
4星 · 用户满意度95%
要将图片等比例缩放为原来的 0.5 倍,可以通过以下步骤实现:
1. 获取原始图片的宽度和高度。
2. 将宽度和高度分别除以 2,得到缩小后的宽度和高度。
3. 将缩小后的宽度和高度应用到图片的 CSS 属性中。
以下是一个示例 CSS 代码:
```css
img {
width: 50%; /* 将图片的宽度缩小为原来的一半 */
height: auto; /* 根据宽度等比例缩放高度 */
}
```
以上代码将图片的宽度设置为原来的一半,高度则根据宽度等比例缩放。这样,图片的大小就会减小为原来的 0.5 倍。
阅读全文