Html 当我的图片在引导列中为100%宽度时，如何使用css放大图片？

当我的图片在引导列中为100%宽度时，如何使用CSS放大图片？在我下面的代码中，它似乎在帧外转换

.frame{
宽度：100%；
身高：75%
溢出：隐藏；
}
.zoomin img{
宽度：100%；
身高：75%
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-ms过渡：所有0.5s轻松；
过渡：所有0.5s缓解；
}
.缩放图像：悬停{
宽度：105%；
}

---

您不需要更改图像大小，可以设置transform:scale来缩放图像

.frame{
宽度：100%；
身高：100%
溢出：隐藏；
}
.zoomin img{
宽度：100%；
身高：100%
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-ms过渡：所有0.5s轻松；
过渡：所有0.5s缓解；
}
.缩放图像：悬停{
-moz变换：比例（1.1）；
-webkit转换：比例（1.1）；
转换：比例（1.1）；
}

---

您不需要更改图像大小，可以设置transform:scale来缩放图像

.frame{
宽度：100%；
身高：100%
溢出：隐藏；
}
.zoomin img{
宽度：100%；
身高：100%
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-ms过渡：所有0.5s轻松；
过渡：所有0.5s缓解；
}
.缩放图像：悬停{
-moz变换：比例（1.1）；
-webkit转换：比例（1.1）；
转换：比例（1.1）；
}

您希望它的功能如何？您想隐藏/裁剪图像中超出其容器的部分吗？CSS中似乎存在语法错误。每个

height:75%

声明的末尾都需要一个分号，以将其与规则集中的下一个声明区分开来。在当前代码中，

.frame

规则集中缺少分号会导致

溢出

声明不起作用。这是正确的，我希望它隐藏。我修复了语法，但高度扭曲了图片。我如何给它设置一个固定的高度，但让它对不同的屏幕大小做出响应（这就是为什么我要设置%）。我不确定你到底想要什么，但你不能指定高度。仅设置宽度将保持图像的原始比例不变。您希望高度在缩放时不发生变化吗？您希望它如何工作？您想隐藏/裁剪图像中超出其容器的部分吗？CSS中似乎存在语法错误。每个

height:75%

声明的末尾都需要一个分号，以将其与规则集中的下一个声明区分开来。在当前代码中，

.frame

规则集中缺少分号会导致

溢出

声明不起作用。这是正确的，我希望它隐藏。我修复了语法，但高度扭曲了图片。我如何给它设置一个固定的高度，但让它对不同的屏幕大小做出响应（这就是为什么我要设置%）。我不确定你到底想要什么，但你不能指定高度。仅设置宽度将保持图像的原始比例不变。你想在缩放时不改变高度吗？很好的解决方案！如需进一步参考，请参阅。很好的解决方案！有关进一步参考，请参阅。