尝试使用:before
实现倾斜设计。
在 iPad风景视图中不顺畅。
应用CSS。
.contact {
background: #0067AC;
color: #fff;
padding-top: 48px;
margin-bottom: 0;
position: relative;
padding-top: 50px;
-webkit-backface-visibility: hidden;
}
.contact:before {
background: #0067AC;
content: "";
font-size: 0px;
line-height: 0;
position: absolute;
left: 0;
top: -30px;
height: 80px;
width: 100%;
-webkit-transform: skewY(-2deg);
transform: skewY(-2deg);
-webkit-transform: rotateZ(-2deg);
padding: 2px;
}