Vue-cli打包后css样式出不来的解决办法

郑星雨
2023-12-01

因为用vue做的大部分项目都是移动端,关于css样式不出来的解决办法

针对rem布局:

我们App.vue里肯定设置了如下样式

<template>
  <div id="app">
	  <!-- 组件缓存 -->
	  <keep-alive>
    	<router-view></router-view>
	  </keep-alive>
  </div>
</template>
<script>
export default {
	name: 'App',
}
</script>
<style>
body,p,ul,li,ol,dl,dd,h1,h2,h3,h4,h5,h6,td,input,textarea,select,option{
	margin: 0;
	padding: 0;
}
/* html,body{
	height:100%;
} */
html{
	font-size:26.67vw;
}
body{
	font-family: "微软雅黑";
	background:white;
}
ul,ol,li{
	list-style:none;
}
a{
	text-decoration: none;
	display:block;
}
img{
	border: none;
	display:block;
}
.router-link-active {
  text-decoration: none;
}
</style>




只需要在根字体大小下加一个 !important就可以解决css样式丢失问题

 类似资料: