41、 (1分)下列哪个值可以实现图片按比例缩小至原来的一半,并且不改变其宽高比的效果?A、transform: scale(1, 0.5); B、transform:scale(0.5); C、 background-image:linear-gradient(to right,red,blue); D、transform:scale(0.5, 0.5);
时间: 2024-03-14 22:43:29 浏览: 105
选项 B、transform: scale(0.5); 可以实现图片按比例缩小至原来的一半,并且不改变其宽高比的效果。
解析:
在 CSS 中,可以使用 transform 属性对元素进行变换。其中,scale() 函数可以对元素进行缩放操作。scale() 函数接受两个参数,分别表示水平方向和垂直方向的缩放比例。如果只指定一个参数,则表示水平方向和垂直方向的缩放比例相同。
例如,可以使用以下代码将图片缩小至原来的一半:
```css
img {
transform: scale(0.5);
}
```
在这个例子中,使用 scale(0.5) 函数将图片的水平方向和垂直方向的缩放比例都设置为 0.5,即将图片缩小至原来的一半。由于只指定了一个参数,因此水平方向和垂直方向的缩放比例相同,保持了图片的宽高比。
因此,本题答案是选项 B、transform: scale(0.5);。选项 A、transform: scale(1, 0.5); 会改变图片的高度,不符合题目要求;选项 C、background-image: linear-gradient(to right, red, blue); 是用于设置背景颜色的,与题目无关;选项 D、transform: scale(0.5, 0.5); 会将图片在水平和垂直方向都缩小至原来的一半,导致宽高比发生变化。
阅读全文