h5一周踩坑小记

移动端Android中line-height不居中的解决办法

在写手机端的页面的时候 有时候发现在使用line-height居中的方法 在安卓机上显示不正常的 会往上移2px左右！比较靠谱的2种解决方式

第一种，改变字体大小 最直接的方法就是改变字体大小让它大于 12px 能够正常居中，如果页面对字体大小要求比较严格的话，可以先将原来包括 font-size 在内的属性放大两倍，再用 scale 缩小一倍，这样之后也是可行的：

  <span class="content">Jason」</span>
  .content {
      display: inline-block;
      height: 40px;
      background-color: gray;
      line-height: 40px;
      font-size: 20px;
      transform: scale(0.5);
      transform-origin: 0% 0%;
  }

第2种. table布局 在元素外再包一层，使用表格布局

  <div class="container"><span class="content">Jason's Word</span> </div>
  .container {display: table;}
  .content {
        background-color: gray;
        font-size: 10px;
        display: table-cell;
        vertical-align: middle;
    }

ps: 最终我还是选择了用图片.....

fastclick

image.png

needsclick这个类真的很有用当你不想用fastclick时

vue-awesome-swiper loop不起作用

那果断猜测你的数据是异步请求的吧。。。。直接上链接https://segmentfault.com/a/1190000018408112

ps: 静下来看看源码，分析下还是很好找到原因的

消除安卓vedio默认图片(比较大的黑色播放图片)

目前只找到了poster属性。。。。。但是是有些手机还是不太好。。。有什么方法请告诉我