首页 > 编程知识 正文

vue中如何使用rem布局,vue实现卡片自适应

时间:2023-05-05 19:58:59 阅读:29249 作者:3477

整理在vue2项目下载中实现flex lib-flexible postcss的适应方法:

. lib-flexible': '^0.3.2',' postcss': '^8.3.6',' postcss-pxtorem': '^5.1.1',

. import ' Li B- flexible ' . http://www.Sina.com /

. CSS : { loader options : } scss : {/* sass-loader 8.0语法*//prepend data : ' @ import '~@/styles/vari 附加数据(content,loaderContext ) const ) resourcepath,root context }=loadercontextconstrelativepath=path.relarth .=='src/styles/variables.scss ' ) { return ' @ import '~@/styles/variables.scss ';' 内容}返回内容},post CSS : { plugins : [ require (post CSS-pxto rem ) }(/px单位换算为rem单位的根值3360/否则,如果将容易引起问题的selector black list : [ '.ignore ' ]、//CSS选择器设定为过滤数组,例如设定为['fs'],则例如与fs中的px相关的样式不使用propList: ['*'],minPixelValue: 12,exclude对整个项目有效,展开后进行匹配(如果只有部分页面需要适应),然后返回false 仅对于不匹配的页面,exclude: e={ //首页文件if(/src(|(/) ) views(|(/) ) Dashboard/.test(e ) ) )

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。