vue-cli的样式初始化

置顶 Lisunlight

已于 2022-05-25 11:06:37 修改

阅读量3.9k

点赞数

分类专栏： vue 文章标签： css 样式初始化

于 2018-08-04 09:36:29 首次发布

本文链接：https://blog.youkuaiyun.com/Lisunlight/article/details/81407367

版权

vue 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种清除多余样式的方案，通过CSS实现页面元素的高度和宽度自适应，并确保了常见元素如图片、列表等的一致性和简洁性。适用于前端开发中的布局调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

清除多余样式，实现高度宽度自适应，放置App.vue中

#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width:100%;
  height:100%;
}
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
html,body{
  width:100%;
  overflow-x:auto!important;
}
ul{list-style:none}
li {list-style:none;}
a{text-decoration: none;} 
img{vertical-align:top;border:none}
table {border-collapse:collapse;border-spacing:0;}
input,textarea,select {font-family:inherit;font-size:100%;font-weight:inherit;}

.clearf:after,
.clearf:before{
    content:"";
    display:block;
    clear:both;
}