我的网站主页即将完成，但是当我在移动设备上查看该页面时，我出现了小而明显的边框/轮廓。计算机上没有这种情况（我知道），所以你需要一台iPhone /平板电脑/智能手机来查看问题。 Link to website
我已经看到了这种性质的问题，我特意在云图上尝试了负边缘顶级CSS，但无济于事。
网页本身一旦放大就会消失，但是当我看到它们时，它们就开始让我感到烦恼。
答案 0 :(得分：2)
移动设备中的视图导致您看到的非常小的线条时出现像素错误。这是因为你的'包装'div的背景是白色的。由于“介绍”div位于此顶部并且具有与网站背景相匹配的颜色，因此“包装”div的白色背景会在出现像素错误时显示。
我会尝试将包装器的顶部分成另一个子div并将其背景颜色着色，使整个包装器div没有背景颜色。
答案 1 :(得分：0)
我知道这篇文章有点老了，但是今天这个问题还没有任何好的解决方案。最好的解决方法是放置 -1px边距和1px填充，如从chrome mobile上查看时在此codepen上所见：
https://codepen.io/bertri/pen/aaGmGW
<div style="background: white; font-size: 72px">First elem</div>
<div style="background: white; font-size: 72px">Has margin</div>
<div style="background: white; font-size: 72px; margin-top: -1px; padding-top: 1px">Hack to solve margin</div>