vue+node開發手機端h5頁面開發遇到的坑

標籤：

一 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頁面開發遇到的坑