css - 如何用%来定义高度，达到高度自适应的效果？
本文介绍了css - 如何用%来定义高度，达到高度自适应的效果？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
在实现一个界面时，有这样两层，第一层是图片，第二层是文字，怎么设置height值，让图片可以随着屏幕的变化而自动的变化。
html代码如下：
<body style="height:100%;">
<div style="height: 50%">
<img src="../public/images/latelyGame.png" style="height: 100%">
</div>
<div style="height: 50%">
<p style="height: 100%">文字内容</p>
</div>
</body>
页面效果：
图片和文字离的很近，没有50%分隔的样子。
解决方案
给html加height:100%;
这篇关于css - 如何用%来定义高度，达到高度自适应的效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
