我正在使用类似于Facebook的菜单在移动网站上工作,除了移动版Safari之外,一切都在膨胀。问题是,当我在iPhone上打开菜单时,其余内容会缩小以适应屏幕,然后在菜单关闭时缩小。
为了让它更有趣,这只会在浏览器中运行时发生 - 如果您将其添加到主屏幕,则内容不会调整大小。它也没有在iPad上调整大小,只有iPhone。
我在这里有一个简化版的代码:http://jsfiddle.net/HYjEB/261/
如果您有iPhone,则可以在此处查看问题:http://tfklabs.com/clients/mypr/
我尝试了几件事,包括将#right div设置为position:fixed而不是position:absolute。它确实有效,但用户无法滚动页面内容。
答案 0 :(得分:0)
如果您不想缩放div,则需要将其滑入其父级。看看这个:http://jsfiddle.net/HYjEB/262/。我已经对你的html结构和css做了一些改变。