在两个div和自动缩放图像细分中创建一个div

Question

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

如何使图像适合div和文本适合div并使所有响应.THANK你

Answer 1

将图像设置为：

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

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

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