分享一些移动端常遇到的问题解决方式。

按钮链接背景色去除
移动端布局过程中,我们会发现a、button标签会有淡蓝色背景,通过如下方式可以去除:
a,button{
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
是否选中文字
select{
user-select:none;
}
处理文字超出容器 出现省略号
单行文本超出 出现省略号
selector{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
超出指定行数的文本 出现省略号
-webkit-line-clamp:3 值代表行数,可更改为自己所需行数。
selector{
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;
}