如何获得宽度 iframe 100% 在肖像形式 iPhone

原则上,我有同样的问题 , 我。
https://coderoad.ru/13079564/
, 但由于他从未得到过错答案,我重印了这个问题。

因此,问题是才能 iPhone Safari
width="100%"

在肖像形式似乎是错误的,给出 IFrame 景观宽度。 而且我似乎不明白这里发生了什么。

我使用正确的物种屏幕:


<meta content="width=device-width, initial-scale=1, user-scalable=yes" name="viewport"/>


和网站里面 IFrame 实际上可能比 320px, 并且还有相同的物种屏幕。 /我读到了一个类似的问题,即它可能是一个因素,所以我只是澄清/.

在调试器中,我在添加之前看到了 URL offsetWidth iFrame 曾是 304px, 什么是正确的,下载后为-588px,这对于横向类型是正确的。 但为什么他改变了,我不知道。 内部页面 IFrame 来自另一个域,所以它不会影响它,主页宽度没有任何内容 iframe.

iPhone, 我使用哪个, - 这是 iPhone 5 iOS 7.0.2

PS. 请不要发布任何答案 JS, 在哪里更改大小 iframe 在更改窗口的大小时手动,目前我正在寻找除此之外的纠正 JS, 这是我计划使用的最后一个选择。 另外,请不要发布答案。 @media CSS, 如果您安装了
min-width

在 320px 在肖像的宽度上 iPhone, 由于各种原因,它不会为我工作。
已邀请:

董宝中

赞同来自:

所以,经过几个小时的调试,我终于找到了一个我需要的解决方案,但不幸的是,这不是一个干净的决定 CSS:

CSS 您必须应用:


iframe {
min-width: 100%;
width: 100px;
*width: 100%;
}


如果将宽度设置为纵向的宽度并将最小宽度设置为 100%,, 然后你会得到
width: 100%

, 但这一次真正有效的版本 iframe 采用容器的实际宽度,而不是景观的宽度。
*width: 100%;

有这样的 IE6 宽度仍然存在 100%.

但是,它仅适用于属性 iframe
scrolling="no"

, 如果允许滚动,则它不再工作了。 因此,在某些情况下,它可以限制其实用程序。

莫问

赞同来自:

答案在这里:
https://coderoad.ru/16937070/
只是包装你的 iframe 在 div 通过:


overflow: auto;
-webkit-overflow-scrolling:touch;


http://jsfiddle.net/R3PKB/7/
/

要回复问题请先登录注册