2017-03-21 18 views
0

我有网站,运行良好,如果在桌面和Android设备中打开,但是当我在iOS设备如Iphone和Ipad中打开时,背景并未像其他设备一样修复,它会扩大背景并在页面右侧创建空白区域,我用user-scalable=no使用户无法滚动到空白区域,但仍然无法工作。其实,我已经使用overflow-x: hidden;,但我的导航栏没有像往常一样工作,href没有去目标身份证。例如,<a href="#news">news</a></li>它应该转到div id消息,但它随机发送。那么,我应该使用什么来防止用户在iOS中滚动?如何禁用iOS中的滚动溢出x与CSS

这是iOS上的空白空间的例子:

the page the blank space

回答

0

iOS的Safari浏览器有它自己的一套问题。它通常倾向于忽略所有溢出:隐藏你在body和html上给出的。我发现到目前为止唯一的解决方案是要么让你的身体与你的视口的大小完全一致,并且滚动内容,或者只是固定身体的位置,以防你的背景滚动时,当你有一个浮动内容在上面你想滚动。

+0

你能举个例子吗?也许我是如何让身体与iPhone 5一样大小的,如果用户用iphone 5打开的话?谢谢 – Rian

+1

最大高度:100vh;最大宽度:100vw; – wrick17

+0

它的身体或视口?它仍然可以滚动到右侧 – Rian