【问题标题】:Blank space at bottom of footer (on Mobile)页脚底部的空白区域(在移动设备上)
【发布时间】:2019-06-16 11:26:08
【问题描述】:

我正在尝试修复页脚底部的空白区域(我在 iPhone 7 Plus 移动版中看到)。我真的需要这方面的帮助。

我尝试了各种方法(即:溢出、边距、填充),但都没有奏效。我也尝试在页面测试网站上查看移动版本,但它们没有显示任何空白。

奇怪还是只是我的手机?

【问题讨论】:

  • 桌面浏览器上也可以看到空格
  • 首先在您的 html <div class="wsite-section wsite-body-section" style="height: auto;"> (以及之后)中释放内联样式属性。由于内联规则具有最高优先级,它们会抵消您在 CSS 中编写的任何内容。
  • @Gustavo 什么操作系统,什么浏览器?在 W10 FF、Chrome、IE11 上看起来不错。等等,Edge 失败了……
  • Gretel,不要指望我们调试您的网站,尤其是没有代码或任何minimal reproducible example。首先松开内联样式(如果可能的话)。
  • 似乎有什么东西导致 body 添加“padding-bottom: 16px !important;”每当我滚动时。

标签: html css iphone


【解决方案1】:

查看您的代码 - 这个img 元素似乎造成了问题:

<img src="https://tags.rd.linksynergy.com/cs?ns=ssc&amp;uid3=5d062c714cedfd0012d95054">

奇怪的是,img 元素仅在我第一次访问该页面时出现。如果我刷新页面,元素就消失了。这让我相信有一些 JavaScript 动态地将它添加到 HTML 中。图像本身似乎坏了,也永远不会加载。请看下面的截图。

【讨论】:

  • 你是对的。我动态添加了一个 css 代码以在此对象/元素上不显示任何内容。
【解决方案2】:

您可能想删除此&lt;img&gt; 添加到文件末尾

【讨论】: