Html 白线以特定浏览器宽度显示在渐变填充div的末尾

我有一个id为

#gradient_div

的div，背景图像设置为

线性渐变

。只有在特定的浏览器窗口宽度下，线性渐变的末端和div

#gradient_div

的末端之间才有一个间隙。当我拉伸和收缩浏览器窗口时，这条白线消失并重新出现

这似乎与利润率有关：

• 当我将边距设置为

  margin:01%，此时会显示while行
  在特定的窗口宽度
  
  当1%窗口宽度以
  68-92ex:468px-492px，568px-592px，
  668px-692px等
  
  对于其他左边距和右边距百分比，该行显示在这些页面上
  宽度：
  
  
  2%：页面宽度在92-04和42-54之间
  
  3%：页面宽度在34-41、67-74和00-08范围内结束
  
  30%：以5或8结尾的页面宽度
  
  

当我只是将背景设置为与渐变相反的颜色时，没有白线问题，例如

背景：蓝色或当我将
背景图像
设置为图像时更新在px中设置边距时也不会发生

我们欢迎您提出解决此问题的建议，但我最感兴趣的是了解发生此问题的原因。这是什么原因造成的


#渐变#div{
背景图像：线性渐变（向右，rgba（0，126，255，0.86），rgb（152，4，228））；
高度：100px；
利润率：0.1%；
边框：1px纯黑；
}
我会稍微增加背景的大小以避免这种情况：


#渐变#div{
背景图像：线性渐变（向右，rgba（0，126，255，0.86），rgb（152，4，228））；
背景大小：101%100%；
高度：100px；
利润率：0.1%；
边框：1px纯黑；
}
谢谢，这是一个非常好的解决方法。我还在想为什么会发生这种事。但这真是个聪明的主意，我不知道那个财产。@Dashielrosebark Huss这肯定是个取整问题。默认情况下，大小为100%，因此可能在某一点上，100%四舍五入为小于100%。。如果我们增加尺寸，我们可以覆盖这个（增加另一种方法）哦，这就是我想知道的，谢谢你的解释。谢谢大家!@Temaniaf如果解决方法非常好，那么我们可以确定这是一个舍入问题吗？更改background size属性可以修复问题，即使它被设置为任意值（即10%、50%等），只要它不是100%的小提琴：@jrabbit不要忘记，在这种情况下，背景是从上到下的，并且您也可以重复，因此更改为任何大小都可以，因为模式是相同的，尝试使用另一个渐变（向右或向左），你不能改变任何大小而不弄乱渐变。。。我肯定，但不是100%。这是我发现的合乎逻辑的解释，最后可能是其他原因，很难知道您是否尝试在不同的浏览器（如Firefox）中进行测试？即使在边缘也能很好地工作。这似乎是Chrome的一个问题。