wap开发tips

Posted shirliey

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了wap开发tips相关的知识,希望对你有一定的参考价值。

1、overflow-x

这真的是一个大坑,一旦你在body或者html上用了这个属性,对不起,如果你的页面出现滚动条的话,那就会出现莫名其妙的bug,滑动页面的时候fix在顶部或者底部的会挡住。

解决办法:html跟body不要使用这个属性,如果不想让横向出现滚动,就用overflow:hidden;overflow-y:auto;

2、calc()

这个本就是CSS3中的新方法,用起来其实是很爽的,无奈android4.4以下不支持,大家最好别用,除非你不考虑android用户。

3、-webkit-overflow-scrolling:touch

这个属性不是坑,他是用来让ios上的滚动条更加顺滑流畅的,亲测android上没有啥大的变化,但是ios有,不算坑,为了增强用户体验,大家可以用上,给出现滚动条的标签加上这个样式。

 

以上是关于wap开发tips的主要内容,如果未能解决你的问题,请参考以下文章

iOS 开发 Tips

Android-Tips(实用Android开发技巧)

Android开发Tips

iOS开发中的gcd多线程tips

开发小Tips

python开发的一些tips