css - 如何给 div 或 IMG 一个“最小尺寸”

Question

我有这两张 50 x 50 像素的图像。它们每个都被锁定在 50px×50px 的 div 中。当用户使用整页缩放来减小页面大小时，我不希望它们缩小。实际上，我希望图像默认缩放到大约 75 x 75 像素，并且我希望它们至少缩小到 50 像素。

谁能告诉我该怎么做？我可以以某种方式拉伸图像以占用 100% 的 div，然后默认将 div 设置为 75px 吗？那么，我可以以某种方式为 div 设置至少 50px 吗？你能给我举个例子吗？

Answer 1

您可以在div标签上设置min-width和min-height样式属性，并将img标签设置为跨越div标签的整个宽度和高度。