Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当屏幕变小时,为什么到div之间的间隔变大?我如何防止它?_Html_Css - Fatal编程技术网

Html 当屏幕变小时,为什么到div之间的间隔变大?我如何防止它?

Html 当屏幕变小时,为什么到div之间的间隔变大?我如何防止它?,html,css,Html,Css,似乎宽度越窄,所有东西之间的距离就越远。我怎样才能防止这种情况发生 。第1节{ 背景:url(“img/Rectangle 1.jpg”)无重复中心; 背景尺寸:100%自动; 填充:300px0; } .第2节{ 背景:url(“img/Diagnostic.jpg”)无重复中心; 背景尺寸:100%自动; 填充:500px0; } 使未来可见和贸易; 炼油设备的实时预测分析消除了事故和火灾,增加了炼油厂的正常运行时间,减少了停机时间,并大大降低了维护成本。 这是因为您的填充设置。设置填

似乎宽度越窄,所有东西之间的距离就越远。我怎样才能防止这种情况发生

。第1节{
背景:url(“img/Rectangle 1.jpg”)无重复中心;
背景尺寸:100%自动;
填充:300px0;
}
.第2节{
背景:url(“img/Diagnostic.jpg”)无重复中心;
背景尺寸:100%自动;
填充:500px0;
}

使未来可见和贸易;
炼油设备的实时预测分析消除了事故和火灾,增加了炼油厂的正常运行时间,减少了停机时间,并大大降低了维护成本。

这是因为您的
填充设置。设置
填充时:300px 0转换为:

padding-top: 300px;
padding-right: 0;
padding-bottom: 300px;
padding-left: 0;
调整
.section1
之间的间隙时,section2
将为800px(300px+500px),
填充
不会自动折叠。尝试使用
边距


或者你可以设置
min height

你能插入你的HTML代码吗?但是如果我不设置填充,我的照片甚至不会显示
min height
然后进行媒体查询并相应地更改填充,还可以使用边距而不是填充在em而不是px中提供填充。这对手机更友好