我有一个典型的“媒体块卖点”排，上面是图片，下面是文字。目前我正在使用flexbox来保持一切有序，但我最终会创建一个回退（可能是table-cells或inline-block）。这不是问题（事实上，flexbox令人惊讶）。
我的问题是：两张图片的宽度和高度相同。想象一下在其中有插图字符的圆圈。第三幅图像具有相同高度和宽度的圆圈，但图示的字符“突破”圆圈，使图像变大。
我已经给出了前两张图像的响应处理，并且它们很好地调整了大小。为了让第三个渲染成设计师想要的，我必须指定一个最小宽度（至少）以允许它匹配圆的大小。这有意义吗？
如果我没有让这些图像很好地调整大小，这不会是一个问题。但我无法弄清楚如何保留第三张图片，这在技术上比两张图片大（由于“突破”插图）用它们调整大小。
我确实拥有设计的PSD，可以拉出我需要的部分。我尝试创建CSS3圈子并在伪元素中添加插图（绝对定位），但我无法让它们一起调整大小。
这是一个真正的脑筋急转弯还是我错过了一些简单的东西？非常感谢！
答案 0 :(得分：0)
第三张图像比另外两张图片大，这意味着要么使图像大小相同，要么正常调整大小或者使用较小的min-widht（例如min-width：136px）。
另一种选择是使cirlces完整的css并使用溢出的内部的图像：隐藏。这将削减一些翅膀。看起来你只需要一个较小的图像