Css 调整宽度时如何固定DIV高度？移动/桌面/PC浏览器兼容

我在%宽度和高度方面遇到问题： 我想给出每个尺寸的百分比（手机、平板电脑、pc浏览器等兼容性），但当我调整浏览器宽度时，所有元素的高度也会随之调整。当高度未更改时，如何停止修改高度？我只希望高度与元素的内容相适应，而不是更多

我的网站结构：

*{
填充：0；
保证金：0；
字体系列：Verdana、Arial、Helvetica、无衬线；
文本对齐：居中；
}
html，正文{
最小高度：100%；
最小宽度：100%；
}
#包装纸{
显示：内联块；
利润率：0%0%；
最小高度：100%；
身高：100%；
宽度：自动；
溢出：自动；
}
.headline、.menu、.content{
显示：内联块；
高度：自动；
宽度：58%；
字体大小：90%；
利润率：1%0%；
填充：1%；
文本对齐：左对齐；
}
.innerDiv{
宽度：98%；
填充：1%；
利润率：0%1%；
文本对齐：左对齐；
}

标题内容和div。
菜单元素：div、inputs。
一行一问一答（div+input）。
另一行是另一个问题和答案。

您可以使用基于视口宽度和高度的

vw

和

vh

单位。

---

任何百分位值都与视口的大小有关。视口高度（VH）和视口宽度（VW）也是相对的。如果您想确保元素始终保持相同的大小，请使用EM值。

您是否想过使用BootstrapNo之类的响应性框架？我还没有想过。但是上面@fcastillo的回答解决了我的问题好。这是目前最好的办法。谢谢：）不错的选择，但目前我按照@Dan的建议尝试了em，效果非常好：）非常感谢！