手机和平板电脑的引导程序中的iframe宽度为100％

我服务的是手机和平板电脑的页面。我正在使用OpenX在那里投放广告。广告应该加载在iframe中，该iframe应该是页面的宽度。我正在使用bootstrap。手机和平板电脑的引导程序中的iframe宽度为100％

我测试的东西与此代码：

<iframe src='http://www.cnn.com' width=100% height=120px scrolling='no'></iframe>

这使得一个iframe这是完全相同的宽度为浏览器窗口。问题是，如果我在iphone上打开它，它会将iframe重新缩放到加载的窗口大小，这是非常不希望的行为。它不会在我的桌面上，只在iphone上。我还没有测试过其他智能手机。

基本上就是我要找的是一个iframe是相同的宽度为屏幕（100％），当我打开一个更大的页面在它

2012-04-11 patrick

我敢肯定你是不会重新调整寻找视口meta标签来控制这个。这里是一个将完全解释它的引用：https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

基本上要将此代码放到你的头： <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

2012-04-11 13:26:05

是的，我试过了，但它仍然调整大小的iframe超出屏幕的宽度。它看起来像越野车的行为 – patrick 2012-04-11 13:36:22

我找到了一个解决方法：我现在加载在溢出的div的iframe：隐藏设置它，但这不是一个非常整洁的解决方案... – patrick 2012-04-11 13:36:51

只要你不用“溢出”技巧不需要滚动iframe。任何落在iframe中的左/右滑动事件都会被iframe的窗口对象捕获，因此永远不会将其放到div包装器中。因此不会发生滚动。 – 2012-11-07 15:25:55

回答