打开/关闭菜单时,HTML会在iOS中放大/缩小

时间:2012-05-01 02:33:08

标签: jquery css ios html5 mobile-safari

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

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

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

如果您有iPhone,则可以在此处查看问题:http://tfklabs.com/clients/mypr/

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

1 个答案:

答案 0 :(得分:0)

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