wap开发tips

标签：使用   overflow   scrolling   android   and   body   变化   webkit   增强   

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

标签：使用   overflow   scrolling   android   and   body   变化   webkit   增强   

原文地址：http://www.cnblogs.com/shirliey/p/6923401.html