<style>
*{
padding: 0;
margin: 0;
/* 将所有标签都变成怪异盒子 */
box-sizing: border-box;
}
/* 清除标签自带的下划线 */
a,u{
text-decoration: none;
}
/* 让加粗标签不加粗 回归到正常 */
b,strong{
font-weight: 400;
}
/* 让倾斜标签不倾斜 回归到正常 */
i,em{
font-style: normal;
}
/*取消列表自带列表符号 */
ul,ol,li{
list-style: none;
}
/* 让标题标签回归正常 */
h1,h2,h3,h4,h5,h6{
font-weight: 400px;
font-size: 16px
}
input{
/* 轮廓线 清除鼠标点击的高亮效果 */
outline: none;
/* 清除边框线 */
border: none;
}
.clear_fix::after{
content:"";
display:block;
width:0;
height:0;
overflow: hidden;
visibility: hidden;
clear:both;
}
/* 清除自带间距 */
*{
padding: 0;
margin: 0;
/* 将所有盒子标签变成怪异盒子 */
box-sizing: border-box;
}
/* 清除样式 */
h1,h2,h3,h4,.h5,h6{
font-weight: 400;
font-size: 16px;
}
/* 清除下划线 */
a,u{
text-decoration: none;
}
/* 清除列表自带的符号 */
ul,ol{
list-style: none;
}
i,em{
font-style: normal;
}
b,strong{
font-weight: 400;
}
input{
/* 轮廓线,清除点击高亮的效果 */
outline: none;
/* 清除边框线 */
border: none;
}
.clear_fix::after{
content: "";
display: block;
width: 0;
height: 0;
overflow: hidden;
visibility: hidden;
clear: both;
}
/* 适配代码 */
/* 看设计稿大小(设计稿大小750px)
所以应该在iphone6,7,8下做
设备的真实大小是375
所有视口宽度大小375
100vw=375px 1vw=3.75px */
/* // 假设基于16字号做
// 16px=4.26vw */
#app{
font-size: 4.26vw;
}
</style>
样式清除通用代码
最新推荐文章于 2023-01-05 11:37:22 发布