页脚下方显示的大型空白区域显示在iPhone实际设备上的某些页面上，但Chrome中没有模拟器

我的网站存在一个我根本无法解决的问题。基本上，只有几页（不是每一页）我都包含一个常见的页脚，下面有一个大的空白区域。我可以在Chrome开发工具中的iPhone模拟器上正确查看修复程序。但是，当我在实际的iPhone设备Safari浏览器上运行页面时，页脚下方有一个巨大的空白区域。我试图解决这个问题，但我没有看到任何解决方案。谁能帮忙？页脚下方显示的大型空白区域显示在iPhone实际设备上的某些页面上，但Chrome中没有模拟器

这里是我包括JSP：

<footer class="footer-container"> 
    <s:include value="/jsp/common/Footer.jsp" /> 
</footer>

这里是页脚容器的CSS代码：

.footer-container {position:relative;} 
.footer-container{height: 87px;}

来源

2016-11-29 Siddharth Mehta

该问题的截图将有助于 – Sphinx

嗨，我真的很抱歉，但我无法提供组织网络的屏幕截图。那不允许我。但是，我可以将其描述为页脚下面的“巨大”空间，这些空间不在其他页面上。你是否在JSP或更多的CSS问题中提出它的编码问题？ –

不幸的是，我不能建议它可能是没有更多的信息 – Sphinx

终于找到了解决这个问题。这将帮助您解决移动设备上的类似问题。

有一次，我添加了一个CSS类为：

.navInActive 
{                  
-webkit-transform:translate3d(0px, 0, 0); 
-moz-transform:translate3d(0px, 0, 0); 
-ms-transform:translate3d(0px, 0, 0); 
-ms-transform:translate(0px, 0); 
-o-transform:translate3d(0px, 0, 0); 
transform:translate3d(0px, 0, 0); 
z-index: 0;-ms-transform:translate(0, 0); 
-webkit-transition: all 300ms ease; 
-moz-transition: all 300ms ease;-ms-transition: all 300ms ease; 
-o-transition: all 300ms ease;transition: all 300ms ease; 
}

的问题就解决了。所有在iPhone Safari上面临这个问题的人都可以试用它并让我知道。

来源

2016-12-19 07:20:52

页脚下方显示的大型空白区域显示在iPhone实际设备上的某些页面上，但Chrome中没有模拟器

回答

相关问题