我有一个flexbox充满图像,它们都将具有文本顶部的文本。我被困在试图让文本响应。文字需要留在div的内部并用图像调整大小。任何人有任何提示或技巧如何最好地完成这一点?我的完整代码示例如下链接。CSS flexbox中的图像响应文本
<div class="container">
<div class="flex-row row">
<div class="flex-column">
<div class=" welcome overlay-parent">
<img src="http://placehold.it/548x227">
<div class="overlay-text"><h1>Welcome to My Place</h1></div>
</div>
<div><img src="http://placehold.it/548x459"></div>
</div>
<div class="flex-column">
<div class="flex-row">
<div><img src="http://placehold.it/812x459"></div>
</div>
<div class="flex-row">
<div class="feature-about overlay-parent">
<img src="http://placehold.it/406x227">
<div class="overlay-text"><h2>About Something</h2>
<p>It’s the latest lorem ipsum dolor sit brief intro to the park goes here. ounded in 2016. It’s the latest lorem ipsum dolor sit brief intro to the park goes here. </p> </div>
</div>
<div><img src="http://placehold.it/406x227"></div>
</div>
</div>
</div>
<div class="flex-row row">
<div><img src="http://placehold.it/812x459"></div>
<div><img src="http://placehold.it/548x459"></div>
</div>
</div>
https://codepen.io/enigmas2/pen/ygKmGX
使用媒体查询来控制字体大小 – ZimSystem
我正朝着@ZimSystem的方向前进,但想看看是否有选项。 – Johanna