免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

移動web最佳viewport設(shè)置

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

單行文本溢出

.inaline{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

多行文本溢出

.intwoline{
    display:-webkit-box !important;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

移動端click事件響應(yīng)慢300ms 以及 tap點(diǎn)透的bug：

解決方案：使用fastclick庫（聽說最新版zepto已經(jīng)解決這個(gè)bug）

touch事件：

安卓機(jī)只會觸發(fā)一次touchstart，一次touchmove，不會觸發(fā)touchend、

解決方案：在touchmove中加 event.preventDefault();

注意：會導(dǎo)致默認(rèn)行為不觸發(fā)，比如scroll，滾動失效

彈性滾動：

是一種緩沖反彈的效果，改善用戶體驗(yàn)

body層滾動：

自帶彈性滾動，overflow:hidden失效，gif和定時(shí)器暫停

局部滾動：

沒有彈性滾動，沒有滾動慣性，不流暢

解決：局部滾動開啟彈性滾動

body{
    overflow:scroll;
    -webkit-overflow-scrolling:touch;
}

安卓不支持原生的彈性滾動，需要使用第三方庫，如：iScroll

下拉刷新的實(shí)現(xiàn)：

頂端下拉一點(diǎn)距離，頁面彈性滾動向下

上拉加載的實(shí)現(xiàn)：

使用scroll事件，而不是touch事件（安卓機(jī)有bug）