0

我正在使用类似于 Facebook 的菜单在移动网站上工作,除了移动 Safari 之外,一切都在运行。问题是一旦我在 iPhone 上打开菜单,其余内容会缩小以适应屏幕,然后在菜单关闭时重新放大。

为了让它更有趣,这只在浏览器中运行时才会发生 - 如果您将其添加到主屏幕,则内容不会调整大小。它也不会在 iPad 上调整大小,只是在 iPhone 上。

我在这里有代码的简化版本:http: //jsfiddle.net/HYjEB/261/

如果你有 iPhone,你可以在这里看到运行的问题:http: //tfklabs.com/clients/mypr/

我尝试了几件事,包括将#right div 设置为 position:fixed 而不是 position:absolute。它确实有效,但是用户无法滚动页面的内容。

4

1 回答 1

0

如果您不想缩放 div,则需要将其滑入其父级。看看这个:http: //jsfiddle.net/HYjEB/262/。我也对您的 html 结构和 css 进行了一些更改。

于 2012-05-01T02:50:02.780 回答