-webkit-text-size-adjust:100%
-webkit-tap-highlight-color:rgba(0,0,0,0);
非腾讯域名的视频地址都会
<meta name="viewport" content="viewport-fit=cover">
display: -webkit-box;
display: box;
display: -webkit-flex;
display: flex;
须声明box和flex两种。
原因:1. 字体不是偶数
2. 用rem单位
解决方案:
1. 字体变大
2. 增加父元素,设置diaplay: table-cell; vertical-align: middle
3. 元素放大两倍,再缩小
4. line-height: 1; 用padding-top撑起父元素。
5. 用px单位
6. 用图片去显示
当委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效
解决方案:
最后一种解决方案最简单,推荐。
8. 部分移动端浏览器不支持space-evenly
解决方案:
用space-arround代替,或通过设置宽度、margin等布局
9. 移动端(尤其是iOS)一些浏览器具有下拉回弹效果,fixed定位元素不跟着下拉
解决方案:
a. 放弃fixed定位
b. 如导航栏等要实现固定于顶部效果,无需跟着下拉,则用fixed定位
(持续更新中……)
联系客服