自动调整div高度与内容和管理响应

Question

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

任何帮助都将非常感谢..谢谢

编辑：我的内容为background-image

Answer 1

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

这是good answer来修复百分比高度的问题。

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

Answer 2

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

Answer 3

尝试使用viewport元标记

在此处阅读更多内容 - ＆gt; Using the viewport meta tag to control layout on mobile browsers

Answer 4

display:block

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