html - 在两个 div 中创建一个 div 并自动缩放图像 subdiv

Question

<div id="main">
    <div id="pictureDiv">
        <img src="img.png">
    </div>
    <div id="pictureDiv">
        <p>safsdghfghjghjkhkhjkhjkklhjkjh</p>
    </div>
</div> 
    

如何使图像适合 div 并使文本适合 div 并使所有内容响应。谢谢

Answer 1

将图像设置为:

img {
 max-width: 100%;
 height: auto;
}

要使您的 div 随父级调整大小，请使用百分比将宽度设置为相对于父级:

 div {
    width: 100%;
    height: auto;
 }