细条纹显示在老板的平板电脑上

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

中添加了该属性

这应该可以解决问题。

Answer 2

这是你所指的那条线吗？如果是，请将您的媒体查询发送至max-width: 767px;