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

Question

我想调整div的高度与其内容。如果我使用类似min-height: 100px;的东西，屏幕会变小（在移动设备中），div对于屏幕来说会太大。我怎样才能做到这一点 ？

任何帮助将是非常赞赏。谢谢

编辑：我的内容是background-image

Answer 1

尝试使用视meta标签

在这里阅读更多 - > Using the viewport meta tag to control layout on mobile browsers

Answer 2

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

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

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

Answer 3

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

Answer 4

display:block 

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