2

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

这是我在这里遇到的问题的一个很好的解释

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

4

2 回答 2

0

我认为 jQuery UI 可以解决这个问题

1.1.0 中最显着的改进是真正的固定工具栏

于 2013-07-25T16:40:23.810 回答
0

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

于 2013-07-25T16:56:45.560 回答