Iphone位置:固定;替代?

时间:2013-07-25 16:28:18

标签: css css3

我正在使用position:fixed;作为侧边栏和页脚,因此当您滚动时,它们会在主要内容移动时保持原位(position:static;)。但是当您放大或更多Left/Right时,它不再显示在屏幕上。

以下是对here

问题的一个很好的解释

“iPad上的Safari和iPhone上的Safari没有可调整大小的窗口。在iPhone和iPad上的Safari中,窗口大小设置为屏幕大小(减去Safari用户界面控件),并且无法更改为了在网页上移动,用户可以在双击或捏合放大或缩小时更改视口的缩放级别和位置,或者通过触摸和拖动来平移页面。当用户更改缩放级别时他们在固定大小的可视内容区域(即窗口)内进行视口的位置。这意味着对视口位置“fixed”的网页元素最终可以在可视区域之外内容区,屏幕外。“

2 个答案:

答案 0 :(得分:0)

我认为jQuery UI可以解决this

  

1.1.0中最值得注意的改进是真正的固定工具栏

答案 1 :(得分:0)

由于这个原因,通常不建议在移动设备上使用固定内容,但也因为屏幕空间小且有价值。您可以通过禁用元视点中的缩放来绕过它,但我不鼓励它,因为它会影响用户体验,因为它们习惯于能够缩放。这不是答案,而是一些建议。需要考虑的事情。