/*
  注意：
  1. 比如img和伪元素::before(:before)或::after（:after），这些元素不要设置 宽高 px,否则有些机子转换成vw会不兼容，【官网原话：就算是里面使用了vw单位，Viewport Units Buggyfill对其并不会起作用，所以这个时候我们需要通过添加额外的标签来替代伪元素】
  2. 图片的处理方案为 content: normal !important; 然后再img外层添加div来设置div的宽高，然后img设置width:100%;height:100%
*/

/* 实现1px线段 begin*/
.hairlines {
  position: relative;
}

.hairlines:after {
  position: absolute;
  content: '';
  top: -50%;
  bottom: -50%;
  left: -50%;
  right: -50%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  border-bottom: 1px solid;
}
/* 实现1px线段 end*/

/* 实现1px线段 y轴方向 begin*/
.hairlines-y {
  position: relative;
}

.hairlines-y:after {
  position: absolute;
  height: 200%;
  content: '';
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  border-right: 1px solid;
  transform-origin: 0 0;
}

/* .hairlines-y {
  position: relative;
  border: none;
}
.hairlines-y:after {
  content: '';
  position: absolute;
  left: 0;
  background: #000;
  width: 100%;
  height: 1px;
  transform: scaleY(0.5);
  transform-origin: 0 0;
} */
/* 实现1px线段 y轴方向 end*/

img {
  content: normal !important;
}
img.wh100 {
  display: block;
  width: 100%;
}
