отзывчивое фоновое изображение и высота текста

Question

У меня есть фоновое изображение для отзывчивого div, поэтому я рассчитал высоту/ширину изображения и присвоил прописку в процентах. совершенно хорошо.

Теперь мне нужно добавить текст внутри тегов div, H1 и p. после добавления их div расширяется вертикально, переполнение скрывается, обрезая текст.

Как рассчитать высоту текстов и вычесть значение из родительского div, чтобы точно соответствовать.

Привет, Гурурадж

Answer 1

<script> 
    var width = (window.innerWidth > 0) ? window.innerWidth : screen.width; 
    var height = (window.innerHeight > 0) ? window.innerHeight : screen.height; 
    document.write("width: "+width); 
    document.write("height: "+height); 
</script> 

использовать этот код для измерения ширины и высоты, и можно также использовать приложение Jruler. попробуйте медиа-запрос для вашего CSS. не все экран имеют одинаковое значение высота и вес