首页 > 其他 > 详细

wap开发tips

时间:2017-05-31 12:55:34      阅读:281      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!