我在一个表中有两个div,每个div应该占据50%的宽度,加起来就是浏览器窗口的整个宽度,因此我决定使用VW,特别是50vw,但在调整窗口大小时,div没有响应...我怎样才能修复它?
#market_and_industry_research_section{
width: 100vw;
height: 59vw;
padding: 0;
margin: 0;
}
market_and_industry_research_section_table{
width: 100vw;
height: 59vw;
margin: 0;
padding: 0;
}
#market_and_industry_research_section_description{
width: 50vw;
height: 59vw;
background-color: blue;
margin: 0;
}
#market_and_industry_research_section_files{
width: 50vw;
height: 59vw;
background-color: red;
margin: 0;
}
<table id="market_and_industry_research_section_table">
<tr>
<td id="market_and_industry_research_section_description">
<div>
<img src="../public/assets/coffeeAndReads.png" style="z-index: 2">
<div></div>
<p>Market and industry research</p>
</div>
</td>
<td id="market_and_industry_research_section_files">
<div>
<img src="../public/assets/coffeeAndReads.png" style="z-index: 2">
<div></div>
<p>Market and industry research</p>
</div>
</td>
</tr>
</table>
请看这个GIF