为什么我网站的移动版本上有笑脸和白色空间？

Question

这是网站： 的 https://BlendBee.com

在Chrome应用中的Android（三星Galaxy S5）上，存在一些问题：

1. 右侧的空白区域（您可以将屏幕拖到右侧，然后是白色条形图）
2. 底部的空白区域（见截图）
3. 底部的笑脸（见截图）

任何想法如何解决这些问题？

Answer 1

对于白色间距，您需要为css视图

添加以下responsive

.js #mobile-menu{
  margin-right: 0;
  width: auto;
}

同样对于底部笑脸image，您需要查找并删除HTML中的以下代码。它也出现在桌面视图中。删除image后，您的底部间距问题也将得到解决。

https://pixel.wp.com/g.gif?host=blendbee.com&rand=0.3194744260981679&v=ext&j=1%3A3.0.2&blog=68911511&post=4473&tz=-7&ref=http%3A//stackoverflow.com/questions/24765633/why-is-there-a-smiley-face-and-white-space-on-the-mobile-version-of-my-site

Answer 2

不确定第一个问题，但您网站的桌面版本中还有一个白色的行和笑脸。在inspect element的{​​{1}}中找到了这一行：

chrome

此行仅显示在<img id="wpstats" src="https://stats.wordpress.com/g.gif?host=blendbee.com&amp;rand=0.8257986863609403&amp;v=ext&amp;j=1%3A3.0.2&amp;blog=68911511&amp;post=4473&amp;tz=-7&amp;ref=http%3A//stackoverflow.com/questions/24765633/why-is-there-a-smiley-face-and-white-space-on-the-mobile-version-of-my-site" alt=""> 中，但不在inspect element中，因此必须由您包含的其中一个客户端脚本生成。查看此笑脸的View Source属性，它来自src，还包含一堆查询字符串参数。 （主机，参考，博客等）将这些线索添加到图像的id（https://stats.wordpress.com/g.gif），我的猜测是它是由WordPress JavaScript脚本之一引入的WordPress跟踪器GIF之一。

希望这可以帮助你：）

---

编辑： 在这个脚本中找到了gif的源代码：

"wpstats"

在第一行：

<script src="https://stats.wordpress.com/e-201429.js" type="text/javascript"></script>

您可以制作此文件的本地副本（复制并粘贴到您的html）并删除function st_go(a){var i,u=document.location.protocol+'//stats.wordpress.com/g.gif?host='+escape(document.location.host)+'&rand='+Math.random();for(i in a){u=u+'&'+i+'='+escape(a[i]);}u=u+'&ref='+escape(document.referrer);document.open();document.write("<img id=\"wpstats\" src=\""+u+"\" alt=\"\" />");document.close();} 部分，您应该全部设置。