我使用基于模板的站点,并添加了 css。所以我没有任何代码要添加,除了下面。这是我试图修复的网站。下面的代码是我为修复主页画廊上方的间距而添加的,它弄乱了画廊下方的空间。我试图使顶部和底部的空间相等。
.sqs-layout .sqs-row .sqs-block:last-child {
padding-bottom: 34;
padding-top: 0;
#pageWrapper{margin-bottom:30px;}
您拥有在大屏幕尺寸下正常显示的 CSS 。但是,当您调整窗口大小时,该空间仍然存在。
解决方案是添加margin-bottom:0px;
到@media
事物中:
@media only screen and (max-width: 800px)
#header, #pageWrapper, #footer{
padding: 30px 20px;
margin-bottom:0px;
}
编辑:
margin-bottom: 0px !important
在@media
查询中应该这样做。