文字和图像在窗口尺寸减小时重叠

Question

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

在减小窗口宽度时，所有图像都开始重叠。文本也是如此。我怎么能阻止这个？

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

Answer 1

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

.myclass {
    min-width: 100px;
}

Answer 2

需要将100%宽度设置为图像

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