当我调整我的网页大小时,该部分会垂直扩展,添加不需要的背景

时间:2017-11-16 04:07:21

标签: javascript jquery html css reactjs

enter image description here 当网页在大屏幕上时,一切都很完美。所有3个文本块都是内联的,白色页脚紧跟在背景图片之后。 但是当我调整窗口大小时,网页自动在图片后添加空间。  不确定我该怎么做:我的照片重复了吗?但这看起来不太好。保持原状?不知道该怎么办?对此有什么好的解决方案?

2 个答案:

答案 0 :(得分:0)

如果背景是图像(标签),则通过jquery在调整大小函数中将高度设置为窗口高度。(jquery)。

$(window).resize(function(){
    $(".img").height($(window).height());
});

这里img是用于图像标记的类。 希望这能解决您的问题

答案 1 :(得分:0)

如果您有背景图片,可以将background-size设置为cover,以确保它始终涵盖整个元素。

请参阅此处的示例:https://jsfiddle.net/ut04htu0/