auto adjust div height с содержанием и управляющим отзывчивым

Question

Я хочу настроить высоту div с его содержанием. если я использую что-то вроде min-height: 100px;, когда экран будет меньше (на мобильном устройстве), div будет слишком большим для экрана. Как я могу это сделать ?

Любая помощь будет очень признателен .. Спасибо

EDIT: мое содержание является background-image

Answer 1

Попробуйте использовать видовых мета тег

Подробнее здесь -> Using the viewport meta tag to control layout on mobile browsers

Answer 2

Вы можете установить высоту как 100% вместо значения пикселя. Есть несколько нюансов с таким подходом в отношении поддержки кросс-браузера.

Это good answer, чтобы устранить проблемы с процентами высоты.

Вы также можете использовать отзывчивые стили посредством мультимедийных запросов на высоту и ширину видового экрана. Это также good tutorial.

Answer 3

При программировании, отвечающем за кодирование, мой совет - попытаться использовать процентные значения, помимо метатег или медиа-запросов. Например, min-height: 10%;

Answer 4

display:block 

Вы можете применить этот стиль к своему «div».