手机和平板电脑的自助宽度为100%iframe

时间:2012-04-11 10:35:59

标签: iphone css iframe twitter-bootstrap

我正在为手机和平板电脑提供服务。我正在使用OpenX在那里提供广告。广告应该加载到iframe中,iframe应该是页面的宽度。我使用bootstrap。

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

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

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

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

1 个答案:

答案 0 :(得分:3)

我很确定您正在寻找视口元标记来控制它。以下是完全解释它的参考:https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

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