为什么我的移动版网站上出现笑脸和空白？ [关闭]

Question

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

在我的 Android (Samsung Galaxy S5) 上的 Chrome 应用程序中，存在一些问题：

1. 右侧留白（你可以把屏幕拖到右边，有一个白条）
2. 底部空白（见截图）
3. 底部的笑脸（见截图）

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

Answer 1

对于空白间距，需要为responsive视图添加以下css

.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

不确定第一个问题，但在您的网站的桌面版本中也有一个白色的行和一个笑脸。在chrome 的inspect element 中找到此行：

<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属性，它来自https://stats.wordpress.com/g.gif，还包含了一堆查询字符串参数。 （主机、参考、博客等）将这些线索添加到图像的 id ("wpstats")，我的猜测是它是由 WordPress JavaScript 脚本之一引入的 WordPress 跟踪器 GIF 之一。

希望对你有帮助:)

---

编辑： 在此脚本中找到了 gif 的来源：

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

在第一行：

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();}

您可以制作此文件的本地副本（复制并粘贴到您的 html 中）并删除 document.write() 部分，您应该一切准备就绪。