CSS3 translate导致字体模糊的实例代码

.media-body-box{
      @media all and (min-width: 992px){
        position: absolute;
        width: 100%;
        :50%;
        transform: translateY(-50%);
        right: 0;
        padding: 30px;
      }
    }

.media-body-box{
      @media all and (min-width: 992px){
        position: absolute;
        width: 100%;
        :50%;
        transform: translateY(-50%);
        right: 0;
        padding: 30px;
        width: 550px;
        height: 350px;
      }
    }