部分手机浏览器给html、body加overflow:hidden不起作用的解决方法

今天在测试项目的时候发现在电脑上显示不出现滚动条的页面在iPhone的浏览器访问竟然出现了滚动条。

可是我已经给页面加了 html,body{overflow:hidden;} 这句样式代码了呀?

经过查阅相关资料发现,只需给html,body在加一个height:100%;即可。

也就是

html,body{

height:100%;

overflow:hidden

}