它不是随处可见，只是在某些设备上可见。从字面上看，页脚下方有一个巨大的白色区域。另一个人给我看了，即使在我的电脑上也看不到。
这是我正在谈论的内容的可视化:nikosis.mzonespace.co.uk/108.jpg
这是一段 CSS 代码:
Footer
//=======================================================================*/
#footer {
position: relative;
}
#footer .widget{
margin: 0;
}
#footer .ft-bg{
background: url("../images/icons/bg-slider-matt-1.png") repeat-x top center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}
#footer .ft-bg.style2{
background: url("../images/icons/bg-footer-style2.png") repeat;
top: 100px;
bottom: 80px;
opacity: 0.2;
}
#footer .ft-img{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
#footer .ft-img img{
width: 100%;
max-width: none;
height: auto;
}
#footer a{
color:#efefef;
}
#footer h3 span{
text-transform: uppercase;
font-size: 24px;
font-weight: 300;
color: #464646;
}
#footer-wrapper{
color: #464646;;
padding:163px 0 0;
width: 100%;
max-width: 1170px;
margin: 0 auto;
font-size: 13px;
font-weight: 400;
position: relative;
}
.footer-top{
background:url("../images/icons/bg-dot.jpg") repeat-x ;
/*margin-bottom: 150px;*/
}
.style2 .footer-top{
background:none;
/*padding-top:74px;*/
}
.footer-top .span4{
padding-right: 120px;
}
.footer-top .span4:last-child{
padding-right: 0;
}
.footer-bottom{
color: #fff;
font-size: 14px;
font-weight: 300;
padding-bottom: 30px;
padding-top: 25px;
}
.style2 .footer-bottom{
color: #464646;
padding-top: 50px;
}
.footer-bottom .span6:last-child{
text-align: right;
font-size: 15px;
}
#copyright-wrapper {
font-size:12px;
padding: 15px 0;
background-color:#fff;
}
#copyright-wrapper [class*="span"]{
min-height:1px;
}
#copyright-wrapper #secondary-nav ul{
margin:0;
}
#copyright-wrapper #secondary-nav ul li{
line-height:100%;
padding:0 10px;
border-left:1px solid rgba(255, 255, 255, 0.1);
}
#copyright-wrapper #secondary-nav ul li:first-child{
border:none;
}
.scrollTop{
position:fixed;
bottom: 55px;
right:15px;
display:none;
}
.scrollTop a{
text-indent:-9999px;
background: #d3d3d9 url(../images/icons/scroll-top.png) no-repeat center;
width:40px;
height:40px;
display:block;
}
/*=========================================================================这是页面:nikosis.mzonespace.co.uk/blog-full-layout/
最佳答案
我注意到在手机/平板电脑的布局折叠后，会出现白色区域。相应的 CSS 称为#footer-wrapper。
#footer-wrapper: padding-top:400px;
它应该在一个名为 responsive.css 的文件中。我已经删除了填充，白色区域消失了。此外，页脚包装器包含一些 test1 和 test2。我没有看到其中加载了任何代码或其他内容。因此，您不妨将其从您的代码中删除。或者甚至将它设置为 display:none 以防你不知道它在哪里。但是，由于您使用的是 wordpress，它可能位于 footer.php 或类似文件中的模板文件中。
希望这对您有所帮助!
关于css - 特定设备上页脚中的巨大白色区域，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27593425/