iphone - 在手机和平​​板电脑的 Bootstrap 中将 iframe 宽度设置为 100%

Question

我正在为手机和平板电脑提供一个页面。我正在使用 OpenX 在那里转换广告。广告应加载在 iframe 中，该 iframe 应为页面宽度。我正在使用 Bootstrap 。

我用这段代码测试了一些东西:

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

这使得 iframe 的宽度与浏览器窗口的宽度完全相同。问题是，如果我在 iphone 上打开它，它会将 iframe 重新调整为加载在其中的窗口的大小，这是非常不受欢迎的行为。它不会在我的桌面上执行，仅在 iphone 上执行。我还没有用其他智能手机测试过。

基本上我正在寻找的是一个与屏幕宽度相同 (100%) 的 iframe，并且当我在其中加载更大的页面时不会重新缩放

Answer 1

我很确定您正在寻找视口(viewport)元标记来控制它。这是一个完整解释它的引用:https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

基本上你想把这段代码放到你的脑海里: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">