我遇到了一个奇怪的问题已经几天了。我在我的网站上使用大三角形。我知道如果我用png或其他格式制作三角形,很可能会出现锯齿状。这就是为什么我采用svg方法的原因。我首先尝试的是在svg元素下添加一个大边框。这可以通过简单地将vertical-align: top;添加到svg元素来解决。问题在于它在某些浏览器中非常有缺陷。有些浏览器在调整大小时会显示一条线。有时该行始终存在。下面的图像说明了问题,这是在safari 10.1调整大小时拍摄的: 应该是这样的: svg是绝对定位的。是否有人曾经遇到过这个问题,并可以帮助我解决?
感谢你们的帮助,非常感激!最终我采用了一种(不太优雅的)解决方案。对于底部对齐的元素,我添加了一个transform: translate(0, 0.4px);属性;而对于顶部对齐的元素,则添加了一个transform: translate(0, -0.4px);属性。目前看来,这是一个不错的解决方案,不会破坏布局!