移动端CSS开头文件

@charset "UTF-8";
*{
/*页面点击链接时会出现高亮框,此代码用来解决*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/*禁用手机浏览器的用户选择文本(复制)功能 */
/*-webkit-user-select: none;*/
/*设置怪异盒子*/
-webkit-box-sizing:border-box;
box-sizing:border-box;
/*解决IOS上面的按钮显示问题*/
-webkit-appearance: none;
}
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,p{
margin:0;
padding:0;
}
a{
text-decoration: none;
color: #666;
}
input:focus{
outline:none;
}
ul,ol{
list-style: none;
}
img{
vertical-align: top;
border: 0;
}
input,select,textarea{
color: inherit;
font-size: inherit;
font-family: "";
}
.cl:after{
content:".";
clear:both;
display:block;
height: 0;
overflow: hidden;
visibility: hidden;
}
html{
/*7.5为设计稿的宽度*/
font-size: -webkit-calc(100vw/7.5);
font-size: calc(100vw/7.5);
/*此时定义了在750的设计稿下 1rem=100px*/
}
body{
font-size: 0.24rem;
}
.es2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

posted @ 2020-08-15 09:46  狗狗老爹  阅读(118)  评论(0)    收藏  举报