根据内容自动调整 div 高度并管理响应式答案

【问题标题】：auto adjust div height with the content and managing responsive根据内容自动调整 div 高度并管理响应式
【发布时间】：2013-07-08 17:14:10
【问题描述】：

我想用它的内容调整一个 div 的高度。如果我在屏幕较小（在移动设备中）时使用min-height: 100px; 之类的东西，则 div 对于屏幕来说太大了。我该怎么做？

任何帮助将不胜感激..谢谢

编辑：我的内容是background-image

【问题讨论】：

【解决方案1】：

尝试使用视口元标记

【讨论】：

【解决方案2】：

您可以将高度设置为 100% 而不是像素值。这种方法在跨浏览器支持方面存在一些细微差别。

这是一个good answer，用于解决百分比高度问题。

您还可以通过对视口高度和宽度的媒体查询来使用响应式样式。这也是good tutorial。

【讨论】：

【解决方案3】：

在编写响应式设计时，我的建议是尝试使用百分比值，除了元标记或媒体查询。例如最小高度：10%；

【讨论】：

【解决方案4】：

display:block

您可以将此样式应用于您的“div”。

【讨论】：