写静态页面遇到的问题
- 用bootstrap写的轮播图,在移动端需要停止自动轮播
var screenwidth = $(window).width()
if (screenwidth > 767) {
$("#myCarousel").carousel()
}else{
$("#myCarousel").carousel('pause')
$('#myCarousel').removeAttr('data-ride')
}
- 移动端触摸相当于PC端的hover
// passive: true 解决下图的报错,被动事件
on('touchstart' ,function () {} ,{passive: true})
- 文字自动换行:word-break: word
- 超过长度文字出现三点:text-overflow: ellipsis; white-space: nowrap;
- 缩进: text-indent: 1.5em;