Блог

Главная - Вопросы по программированию - Iframe должен занимать весь экран на мобильном устройстве

Iframe должен занимать весь экран на мобильном устройстве

#php #html #css #iframe #responsive-design

#php #HTML #css #iframe #адаптивный дизайн

Вопрос:

Вот мой код для 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:

Здесь вы использовали 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>';
    ?>

Комментарии:

1. Готово! Это выглядит хорошо. Спасибо! Однако я хочу, чтобы у него не было полосы прокрутки, и он должен занимать весь экран при просмотре на мобильном экране. Нет прокрутки внутри iframe. Как мне это сделать?

2. Хорошо. Спасибо, Динеш! 🙂