个人博客在Android UC浏览器的部分问题

作者:frank 发表日期:2016-08-19 20:04:50 更新日期:2016-08-19 20:07:18 分类:猿文色

摘要

个人博客在Android UC浏览器的部分问题

正文

  • UC 浏览器的 flex 布局要求所有的元素必须是块级显示
.reply-block {
    display: flex;
    display: -webkit-box;

    textarea {
        ...
        display: block;
        ...
    }
    button {
        ...
        display: block;
        ...
    }
  • 定义的 animation 中 0 必须要写成 0%
@keyframes liAnimation {
    0 { // 在 UC 浏览器中会解析失败
    }
    ...
}

// 必须写成
@keyframes liAnimation {
    0% {
    }
    ...
}
  • UC 浏览器不支持 DOM 原生的 remove 方法
// 不支持,但是支持 removeChild 方法
element.remove();

// 如果引用了 jQuery,可以使用 jQuery 的 remove 方法。
$element.remove();
  • 所有的动画效果都必须加 -webkit- 前缀