iOS safari转换像素化

Question

尝试使用: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;
}