在桌面浏览器下，本博客的右上角文章分类悬浮状态，会显示子分类下拉列表，列表的顶部有一个小三角。我今天突然发现，小三角下有1px的空隙。这个空隙绝对是最近才出现的，因为这么大的空隙实在难逃我的“像素眼”。

如图所示：

官方的演示站上表现是正常的。但是我对比了最近修改的css，并且跟原版的 Stargazer 主题做了一个对比，没发现什么异常。把我的博客页面保存 html 到本地也正常。
为了排除干扰，我把问题简化为如下一个页面：

/* css */
span:before{
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
  border: 4px;
  border-style: solid;
  border-color: black transparent;
  border-bottom: 0;
}
/* html */

在本地打开这个页面，表现正常，上传到博客的目录中访问，border 宽度又变小了！
而且用 Chrome 的审查元素查看会发现，线上的 border 宽度，居然 1px 表现为 0.909px，真是百思不得其解！

事已至此，基本可以肯定不是主题或 WordPerss 的问题了，从服务器上找原因。

服务器为阿里云ECS，CentOS 6.5 64位，WDLinux 集成环境，apache....可还是没有思路啊。

咦，Chrome 页面什么时候被缩放过？重置了再说...

ARE YOU KIDDING ME?!

问题解决了？！

居然是因为页面被放大了？！！

我TM为了一个浏览器缩放引起的问题白忙活了半天。。。。。。。。

哈哈哈哈哈。。。。。。。。。

PS: 这篇文章是我在发现并解决问题的过程中写的，不然事后我绝逼没心情记录这个。。。

EDIT: 事后冷静了一下，我还是把这篇文章归档到 程序开发 > HTML/CSS 分类，有时候很令人困扰的疑难杂症，也许根本与技术无关。

EDIT2: 问题的原因是 Chrome 页面放大到110%所致，但是当border-width为10的整数倍比如10px, 20px也没问题。 Why? 仍然是个问题。