菜鸟教程小白 发表于 2022-12-13 08:05:03

javascript - 移动Safari。 iframe 内的表单突然移动


                                            <p><p>我在 iframe 中有一个表单。</p>

<p>我通过点击虚拟键盘IOS上的箭头打开此表单的字段后,我看到视口(viewport)突然移动</p>

<p>我在移动版 Safari(ios8) 中注意到了这个问题,并且只在窗体中的框架中出现。 </p>

<p>如果在 iOS 中打开堆栈溢出,“运行代码”按钮不可见,因此链接到 <a href="http://jsbin.com/maneto/1/edit?output" rel="noreferrer noopener nofollow">here</a> 中的工作示例.</p>

<p>这里的代码片段:</p>

<p></p><div class="snippet"data-lang="js"data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.a { background-color: #f00 }
.b { background-color: #0f0 }
.c { background-color: #00f }
.d { background-color: #ff0 }
.e { background-color: #0ff }
.f { background-color: #f0f }
.g { background-color: #0a0 }
.h { background-color: #a00 }
.z { background-color: #00a }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input class=&#34;a&#34; placeholder=&#34;A&#34; type=&#34;text&#34;&gt;&lt;br&gt;
&lt;input class=&#34;b&#34; placeholder=&#34;B&#34; type=&#34;text&#34;&gt;&lt;br&gt;
&lt;input class=&#34;c&#34; placeholder=&#34;C&#34; type=&#34;text&#34;&gt;&lt;br&gt;
&lt;input class=&#34;d&#34; placeholder=&#34;D&#34; type=&#34;text&#34;&gt;&lt;br&gt;
&lt;input class=&#34;e&#34; placeholder=&#34;E&#34; type=&#34;text&#34;&gt;&lt;br&gt;
&lt;input class=&#34;f&#34; placeholder=&#34;F&#34; type=&#34;text&#34;&gt;&lt;br&gt;
&lt;input class=&#34;g&#34; placeholder=&#34;G&#34; type=&#34;text&#34;&gt;&lt;br&gt;
&lt;input class=&#34;h&#34; placeholder=&#34;H&#34; type=&#34;text&#34;&gt;&lt;br&gt;
&lt;input class=&#34;z&#34; placeholder=&#34;Z&#34; type=&#34;text&#34;&gt;&lt;br&gt;</code></pre>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>这个问题好久没解决</p>

<p> <a href="http://discussions.apple.com/message/23671694" rel="noreferrer noopener nofollow">discussions.apple.com/message/23671694</a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - 移动Safari。 iframe 内的表单突然移动,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/30840843/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/30840843/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: javascript - 移动Safari。 iframe 内的表单突然移动