因为用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样式丢失问题