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

本质上，我的this site可以在所有浏览器上正常显示，并且可以使用在线工具进行检查，但是老板的平板电脑在页脚中显示为奇数行。

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

我玩边际游戏，一无所有；没有边界可言。

这让我感到困惑，而且我已经这样做十多年了。为什么必须在他的机器上！！

在检查器/调试器中玩转。

（尚无法发布图片-代表人数不足）

最佳答案

在文件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查询1024中删除border-bottom属性，并在@media查询768中添加了该属性。

这应该够了吧。

关于html - 细条纹显示在老板的平板电脑上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28430204/