响应背景图像和文本的高度

时间:2016-05-26 08:23:29

标签: text responsive-design height

我有响应div的背景图像,所以我计算了图像的高度/宽度并指定了填充百分比。绝对没问题。

现在我需要在div,H1和p标签内添加文本。添加这些之后,div垂直扩展,溢出隐藏正在剪切文本。

如何计算文本的高度并从父div中减去该值以完全适合。

此致 Gururaj

1 个答案:

答案 0 :(得分:0)

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