码迷,mamicode.com
首页 > 移动开发 > 详细

vue+node开发手机端h5页面开发遇到的坑

时间:2016-08-12 15:00:24      阅读:932      评论:0      收藏:0      [点我收藏+]

标签:

一 css

1.文字超过span宽度显示...(单行文字)

.topWrap .introduce span {
    padding: 0 17px;
    display: inline-block;
    border-radius: 5px;
    height: 18px;
    line-height: 18px;
    margin-top: 15px;
    max-height: 18px;
    max-width: 90%;
    white-space:nowrap; 
    text-overflow:ellipsis;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
}

2.文字超过span宽度显示...(多行文字)

.content .dynamicList .dynamicText p {
    max-height: 162px;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    padding-bottom: 5px;
    overflow: hidden;
    max-height: 100%;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:8;//最多显示8行
    -webkit-box-orient:vertical;

}

 

二 js

1.部分低端安卓手机不支持touchend事件

在touchmove中加入 e.preventDefault()可以解决。

三 vue

四 node

vue+node开发手机端h5页面开发遇到的坑

标签:

原文地址:http://www.cnblogs.com/ytu2010dt/p/5764818.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!