摘要: 问题机型 魅族M353 Android 5.0.1 问题描述 设置了margin top: 15px; 但是在该机型上不生效 解决方案 使用padding 替代 margin 阅读全文
posted @ 2017-09-02 17:21 shixiaomiao 阅读(1032) 评论(0) 推荐(0) 编辑
摘要: 问题机型 iphone5c iphone4 其他未知机型 问题描述 两个字分开了,并且是竖着排列的 解决方式 发现div 标签中,字与div标签之间有空格,而其余行没有这个问题,所以删除空格尝试,发现好了! 所以解决方式为: 删除空格 阅读全文
posted @ 2017-09-02 17:12 shixiaomiao 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 问题机型 小米5 华为nova 其他未知的可能机型 问题描述 利用flex 布局的一行中, 左一样式: 左二样式: svg 所在的箭头的样式使用的是: 箭头要么缺了一块,要么干脆消失了。 解决 在svg元素上加上: transform: translate3d(0, 0, 0); 阅读全文
posted @ 2017-09-02 16:56 shixiaomiao 阅读(793) 评论(0) 推荐(0) 编辑
摘要: 前沿 在工作中,经常有一些需要切换的交互样式。如果直接在两种状态之间切换,就显得有点生硬。加上一些动画效果就会好很多。 示例1:点击的三角切换 实现过程 第一步实现这个三角形 用的svg 的多边形画法 第二步实现动画效果 css3 的animation: 自定义的每帧动画效果 时间; 使用@keyf 阅读全文
posted @ 2017-09-02 15:04 shixiaomiao 阅读(189) 评论(0) 推荐(0) 编辑