Css 是否有一个与Bootstrap';在ZURB基金会的IMG响应? 我知道基金会有互换功能,它可以让你在不同的断点上用较小的对位交换个人图像,不过,我希望能够像bootstrap的img responsive那样重新缩放图像。

Css 是否有一个与Bootstrap';在ZURB基金会的IMG响应? 我知道基金会有互换功能,它可以让你在不同的断点上用较小的对位交换个人图像,不过,我希望能够像bootstrap的img responsive那样重新缩放图像。,css,twitter-bootstrap,zurb-foundation,frontend,Css,Twitter Bootstrap,Zurb Foundation,Frontend,您可以创建新类。img responsive具有以下样式,并直接应用于您的代码。它将使图像很好地缩放到父元素 .img响应{ 显示:块; 最大宽度:100%; 高度:自动; }bootstrap.img responsive是一个具有此属性的引导类 display: block; max-width: 100%; height: auto; 因此,您可以使用相同的属性创建自己的自定义图像它被称为图像源集,这是最好的方法,因为图像适当地更小、更轻,从而更快地下载到移动设备。这是现代/当前的做事

您可以创建新类。img responsive具有以下样式,并直接应用于您的代码。它将使图像很好地缩放到父元素

.img响应{
显示:块;
最大宽度:100%;
高度:自动;

}
bootstrap.img responsive是一个具有此属性的引导类

display: block;
max-width: 100%;
height: auto;

因此,您可以使用相同的属性创建自己的自定义图像

它被称为图像源集,这是最好的方法,因为图像适当地更小、更轻,从而更快地下载到移动设备。这是现代/当前的做事方式。img响应类所做的一切都是应用以下css属性:最大宽度:100%;高度:自动;并显示:block。我不确定你期望的答案是什么。您可以创建一个具有这些属性的类并使用它。
display: block;
max-width: 100%;
height: auto;