php - iframe 应适合移动设备的整个屏幕

Question

这是我的 iframe 代码:

<?php
echo '
    <div id="travel_div" style="margin: 0 auto; text-align: center;">
        <iframe src="' .content_url(). '/ic-content/tab-search" class="ic_frame_search" frameborder="0" scrolling="no" width="100%" height="100%" seamless ></iframe>
    </div>
    ';
?>

当我在手机上查看它时，iframe 卡在一个设置框中并且不会向下移动页面。这是页面:https://guysgonegolfing.com/travel/

Answer 1

在这里你使用了 scrolling="no" 这意味着它不允许滚动页面。尝试使用以下代码...

  <?php
    echo '
        <div id="travel_div" style="margin: 0 auto; text-align: center;">
            <iframe src="' .content_url(). '/ic-content/tab-search" 
              class="ic_frame_search" frameborder="0" 
              style="overflow-x:hidden;overflow-y:scroll;" 
              width="100%" height="100%" seamless ></iframe>
        </div>';
    ?>