文本超出多行显示省略号 移动端禁止双击缩放

文本超出两行显示省略号 移动端禁止双击缩放

单行显示省略号

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap

多行省略

    display: -webkit-box;/** 对象作为伸缩盒子模型显示 **/
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;/** 显示的行数 **/
    overflow: hidden;

移动端禁止双击缩放

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">