文本和图像在窗口尺寸减小时重叠答案

【问题标题】：Text and images overlapping on decreasing size of window文本和图像在窗口尺寸减小时重叠
【发布时间】：2016-12-12 20:14:53
【问题描述】：

我有一个容器 div（宽度：100%），其中包含沿容器排列的另外 3 个 div（每个宽度为 33.3%）。

在减小窗口宽度时，所有图像开始重叠。文字亦然。我怎样才能阻止这种情况？

我看到堆栈溢出有一种机制可以防止用户将宽度减小到某个点以上。

【问题讨论】：

标签： html css

【解决方案1】：

您应该使用 css 类 min-width。例如：

.myclass {
    min-width: 100px;
}

【讨论】：

【解决方案2】：

需要给图片设置100%宽度

img.class-name {
    max-width: 100%;
    width:100%;
}

【讨论】：