移动前端开发(二)

移动前端 辰辰 5479℃ 5评论

1. -webkit-overflow-scrolling:touch

iPhone和ipad浏览长页面滚动时,会有滑动效果,但是当用一个div使其局部滑动时,可以滚动,但是那种滑动效果就没有了。一般这时大多数实现的方法是使用iscroll等第三方插件。但是后来发现了-webkit-overflow-scrolling:touch,使用以后感觉效果很棒,完全可以抛弃第三方插件了。

div{
            width : 300px;
            height : 500px;
            -webkit-box-sizing : border-box;
            position : relative;
            overflow-y : auto;
            background-color : #ccc;
            -webkit-overflow-scrolling : touch;
        }

也可以把-webkit-overflow-scrolling:touch写在body里这样,所有的overflow都可以滚动了。

 

2. 阻止屏幕旋转时自动调整字体大小

当iPhone旋转屏幕时,默认的情况下字的大小会自动调整,有时不需要这个功能,可以用这个css,-webkit-text-size-adjust:none。

p,h1,h2,h3,h4,h5,h6,div,form,html,body{
    -webkit-text-size-adjust:none;
}

 

3. 去掉点击时的默认效果

-webkit-tap-highlight-color:rgba(0,0,0,0);

转载请注明:辰辰个人博客 » 移动前端开发(二)

喜欢 (20)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. 文章不错支持一下吧
    头条新闻2018-01-10 10:14 回复
  2. 草根站长很不容易啊,
    中国演员网2016-08-12 15:47 回复
  3. 站长都是不容易的,期待回访~
    卢松松博客2016-02-27 15:21 回复
  4. 博主写的真好,顶一下。很高兴认识你。 欢迎回访!
    通王网络营销2014-09-14 18:46 回复
  5. 草根站长很不容易啊,坚持下去,加油加油。 有空来找文章网www.zhaowenzhang.com看看哈。诚意交换友链。
    找文章网2014-09-13 22:24 回复