提出兩個股利和自動縮放圖像內的一個DIV subdiv

Question

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

如何使圖像適合DIV和文本適合DIV，使所有responsive.THANK YOU

Answer 1

設置圖像是：

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

爲了讓您的DIV與父來調整，設置寬度使用百分比爲相對於家長：

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