iframe issue with mobile
<p><strong>Scenario</strong></p>

<p>I have a website which is working very well in desktop browser but getting issue with mobile. I am loading pdf file in iframe and displaying in modal popup. But don't know what is happening when Opening website page in mobile so first of all my pdf file get open in my mobile. If anyone have any idea about it than please guide me.</p>

<p><strong>My Html Code</strong></p>

<pre><code>&lt;a href="" onclick="OpenTermsOfUsePopup(); return false;"&gt;Terms of Use&lt;/a&gt;

&lt;div id="divTermsOfUse" class="modal fade"&gt;
        &lt;div class="modal-dialog modal-lg"&gt;
            &lt;div class="modal-content"&gt;
                &lt;div class="modal-header"&gt;
                    &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                    &lt;h4 class="modal-title"&gt;H2eFile Terms of use&lt;/h4&gt;
                &lt;/div&gt;
                &lt;div class="modal-body"&gt;
                    &lt;iframe id="iframeTou" src="~/Privacy_Policy/H2eEile%20-Terms-of-Use.pdf#page=1&amp;zoom=100" style="width: 100%; height: 500px;"&gt;
                        &lt;p&gt;It appears your web browser doesn't support iframes.&lt;/p&gt;
                    &lt;/iframe&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p><strong>JS</strong></p>

<pre><code>function OpenTermsOfUsePopup() {               
     $('#divTermsOfUse').modal("show");
     return false;
}
</code></pre>