移动前端:坑与填坑
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;}
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。