码迷,mamicode.com
首页 > 移动开发 > 详细

移动前端:坑与填坑

时间:2015-06-08 19:19:00      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

1、页面高度渲染错误

  坑:页面底部部分与浏览器导航条重合了

  填坑:重置高度

document.documentElement.style.height = window.innerHeight + ‘px‘;

2、transform碰上模糊

  坑:在android中,如果元素或其父元素应用transform后,元素设置border-radius会变模糊

  填坑:先放大再缩小

body{padding: 20px;background:purple;-webkit-transform: translate3d(0px, 0px, 0px);}
.ball2{width: 100px;height: 100px;border-radius:50px;margin-top: 20px;background: #fff;-webkit-transform-origin:0 0;-webkit-transform: scale(0.5, 0.5);-webkit-backface-visibility:hidden;}

 

移动前端:坑与填坑

标签:

原文地址:http://www.cnblogs.com/yanyd/p/4561461.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!