设置SVG图像和img，最小宽度为％

Question

设置最小宽度为％的SVG图像是否可行？因为它不适合我。对于图像也是如此。两者都设置为适合包含div的100％。当我调整浏览器大小时，我希望图像在达到最小宽度时停止调整大小。

HTML

g <- ggplot(mtcars, aes(factor(cyl), mpg))

for (i in 3:5) {
#paste(names(normalized_ge_data))
file_name = paste(as.character(i), ".png")
png(file_name)
print(g + geom_boxplot(aes(fill=factor(cyl))) + geom_jitter())
dev.off()
}

CSS

<div id="first">
  <img href="" alt="si"/>
</div>

Answer 1

%相对于父div的宽度，而对于最外层div，它相对于浏览器的宽度。

假设您希望该图像不会小于200px，请使用下面的脚本

#first img{
    width:100%;
    min-width:200px;
}

如果#first宽度大于200px而不是图像比例或保持200px分钟。

Answer 2

first是您图片的父级，其宽度为width:100%。但是，图像的最小宽度为50％，百分比值相对于父元素，因此在这些情况下您的偏好不太可能。