响应式背景图片和文字高度

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 进行媒体查询。并非所有屏幕都具有相同的高度和重量值