Question

我正在尝试用css三角形进行div分离。看一下： http://codepen.io/rustytusk/pen/aZdZBK

在codepen中一切看起来都很好，即使在移动设备上也是如此。但是，在我的实际项目中，顶部/底部有两条细线，三角形和周围的div之间。这个问题似乎只出现在移动/缩放网站上。

我在项目中使用与codepen上相同的代码，但不知何故存在问题。

这就是我在我的项目中使用的代码：

background-color: white
width: 0
height: 0
border-style: solid
border-width: 0 0 5vh 100vw
border-color: transparent transparent rgb(50, 50, 50) transparent
margin: 0px
padding: 0px
outline: none

以下是问题的屏幕截图： Screenshot on Imgur

非常感谢任何帮助！

Answer 1

我遇到了类似的问题，只有在iPad上查看某个网站时才能通过将其添加到<head>来修复它：

<meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport" />

Css三角形 - 在缩放/比例尺周围的div之间的发际线

1 个答案: