移动端CSS3

1.滚动属性

.fullScreen-scroll{
  overflow-x:scroll; 
  //height:100%;  
  -webkit-overflow-scrolling: touch;
  
}

2.css3多行超出隐藏

width: 100%;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;

3.背景毛玻璃 嗨皮效果

.blur{
    -moz-filter: blur(10px);
    -webkit-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

清除移动端浏览器点击时候的边框

-webkit-tap-highlight-color: transparent;

移动端禁止文字选中（auto 设置为长按选中状态）

.row-of-icons {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
 
 /* No support for these yet, use at own risk */
-o-user-select: none;
user-select: none; 
}

常用文字设置

例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;

例2（淘宝技术研发中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;

例3（加网 ）：font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;

例4（淘宝UED）：font: 12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;

例5（一淘UX）:font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;

font: 12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;