vue webkit-box-orient: vertical打包线上不显示

Posted 百撕可乐

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue webkit-box-orient: vertical打包线上不显示相关的知识,希望对你有一定的参考价值。

emmm……觉得不科学啊,写了几个vue的网站,限制超出行数省略号。结果发现放到线上,全都瓦特了。反复检查本地跑起来没错,代码没少,偏偏在线上的时候就是缺了vue -webkit-box-orient: vertical这行命令。导致上线的样式真的是错乱,经过查找才发现,原来是webpack打包时把这个样式过滤掉了。加上这两行注释命令行就行了不会被过滤掉,亲测有效

/* autoprefixer: off */
    -webkit-box-orient: vertical;

 /* autoprefixer: on */

GitHub板块:https://github.com/postcss/autoprefixer/issues/776

以上是关于vue webkit-box-orient: vertical打包线上不显示的主要内容,如果未能解决你的问题,请参考以下文章

vue -webkit-box-orient: vertical webpack打包后被过滤掉了 线上没有这行代码

[ -webkit-box-orient: vertical ] 打包后丢失问题

使用vue-cli时,使用多行超出省略问题

Webpack打包之后[-webkit-box-orient: vertical]样式丢失

-webkit-box-orient 样式无效

webpack 打包编译-webkit-box-orient: vertical 后消失