html - 老板平板电脑上的细条纹

Question

基本上我有 this site在我所有的浏览器和在线工具上都可以正常显示，但我老板的平板电脑在页脚中显示了一条奇怪的线。

只有老板的平板电脑，所有其他浏览器，包括我的 iPad、Windows Phone、笔记本电脑和台式机，以及多个模拟器都能正确显示。

我玩过边距，但一无所获；没有边界可言。

这让我感到难过，我已经这样做了十多年。为什么一定要在他的机器上!？

在检查器/调试器中试一试。

(目前还不能发布图片 - 代表不够)

Answer 1

在您的文件 template.css 中，查看第 422 行

.home .content article:first-child { border-left:0; border-right:0; border-bottom:.1em solid #ccc; }

替换为

.home .content article:first-child { border-left:0; border-right:0; border-bottom: 0; }

引用图片

更新

我注意到在 768 或更小的屏幕上，您正在为同一类添加边框底部

.home .content article:first-child

在您的文件 template.css 中，查看第 425 行

@media only screen and (max-width: 768px) {

替换为

@media only screen and (max-width: 768px){
     .home .content article:first-child {
        border-left: 0;
        border-right: 0;
        border-bottom: .1em solid #ccc;
}

引用图片

因此，您现在已经从 @media query 1024 中删除了 border-bottom 属性，并将该属性添加到 @media query 768

这应该可以解决问题。