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

时间:2014-07-02 06:23:02

标签: php html css iframe responsive-design

以下是我的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/

1 个答案:

答案 0 :(得分:0)

这里您使用了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>';
    ?>