根據內容自動調整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'。