问题一:
应用css3 translate3d 平移效果后的标签元素,在ios上的safari以及app的webview中会出现页面加载完成后其子元素闪动现象
解决方法:
1.可在其子元素统一添加和其相同的属性
2.在其自身添加webkit-backface-visibility:hidden属性。(webkit-backface-visibility:hidden为隐藏被旋转的 div 元素的背面)
问题二:
使用touch事件时,android和iOS对touchend事件的响应处理方式不一致。比如:在a标签上使用touchend触发一个弹层显示,在android的浏览器上a标签上实现滑动手指操作,手指离开后,不会触发touchend事件,同样的操作在iOS上则会触发touchend事件。
解决方法:
var isSlide = false;
$("a").bind("touchstart",function(){
isSlide = false;
});
$("a").bind("touchmove",function(){
isSlide = true;
});
$("a").bind("touchend",function(){
if(isSlide) return;
});
问题三:
iOS修复了 css position:fixed 1像素抖动的bug,不过却引出了另一个bug,当给某元素添加position:fixed属性,在首次加载页面的时候此元素会随着页面的滚动而滚动。
解决方法:
为此元素添加-webkit-transform:translate3d(0,0,0)属性即可
问题四:
在WAP下,常常会用到disply:table这个属性,当容器显示为table之后里面的元素会以表格的形式呈现,当有列是多行而有的是一行的时候在有些手机下一行的部分会以多行多形式呈现。问题的原因在哪里还不确定,但是解决方法找到列,给不要换行的部分加一个word-break: break-all属性即可。
问题五:
placeholder在某些低端安卓手机上设置了text-align:right无效。
解决方法:
在input::input-placeholder里设置direction:rtl,可以达到文本text-align:right的效果。
Wap站Bug小结
发表于:2017-01-09
作者:网络转载
来源:
- 周排行
- 月排行
- 评论排行
-   深入BUG分析
-   如何彻底修复一个Bug?
-   记录一次Bug解决过程:可维护性和性能优化
-   四个Bug对你的好处
-   测试员到底该如何报BUG?
-   网页Bug和不同浏览器下兼容性问题的处...
-   悄悄地说一个Bug
-   游戏测试常见Bug整理
-   缺陷是什么?
-   项目开发中遇到比较多的Bug总结
-   深入BUG分析
-   简单易懂的缺陷分析笔记
-   实例!软件缺陷数据度量和分析
-   如何彻底修复一个Bug?
-   从软件出发,非功能测试思考总结
-   展望2017,谁是网络技术头牌?
-   C/C++单元测试工具Visual Unit 4 介绍
-   国内外最好用的6款Bug跟踪管理系统
-   性能测试指标评估必读
-   百度软件测试方案模板
-   38张史上最全的IT工程师技能图谱
-   C/C++单元测试工具Visual Unit 4 介绍
-   2019年,你会选哪些安全测试工具?
-   十款Web服务器性能压力测试工具
-   软件测试入门指南:周期、模型和文档化
-   记自动化测试成神学习之路
-   软件测试全景图 -最全的思维导图