H 5移動端cssテキストが超過した場合の省略記号が無効になる問題について

前にコードを書くときに問題があったのは、次のcssコードを使って文字を範囲外に隠して省略符を表示することです.

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

ガチョウがローカルで動いているときは問題ありませんが、build後に失効していることがわかりました.よく見ると-webkit-box-orient: vertical;は効かなかった.最後にいろいろ修正してwebpackの鍋解決策が次のように変更されたことに気づきました.

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
   /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */