Css三角形 - 縮放/縮放比例周圍divs之間的髮際線

我想用css三角形做div分隔。看看： http://codepen.io/rustytusk/pen/aZdZBK Css三角形 - 縮放/縮放比例周圍divs之間的髮際線

在codepen中，即使在移動設備上，一切看起來都很好。但是，在我的真實項目中，三角形和周圍的div之間在頂部/底部有兩條細線。這個問題似乎只出現在移動/縮放網站上。

我在項目上使用的代碼相同的代碼，但不知何故有問題。

那是我用在我的項目代碼：

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

任何幫助，不勝感激！

來源

2016-06-09 gisderdube

對不起，忘了截圖，現在又增加了 – gisderdube

亞像素四捨五入毫無疑問的。 –

是的，但是有解決方案嗎？ – gisderdube

我也有類似的問題，只有在觀看iPad上的一個網站，能夠加入這個到<head>解決它：

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

來源

2016-06-09 14:19:37 AlexG

Css三角形 - 縮放/縮放比例周圍divs之間的髮際線

回答

相關問題