Пожалуйста, извините, если на этот вопрос ответили в другом месте, я не смог найти ответ на свой точный запрос, отсюда и этот пост. У меня есть веб-сайт, созданный в чистом виде HTML и CSS, с использованием Javascript и jQuery для стилевого оформления. Тем не менее, веб-сайт не имеет CMS для серверной части. Это довольно простой веб-сайт.
Однако я использую скрипт PHP для запуска мини-магазина электронной коммерции. Витрина очень проста, в ней есть товары и простая касса. У витрины нет заголовка, нижнего колонтитула или чего-либо еще. И эта витрина полностью расположена в подкаталоге (например, /store/index.php
).
Теперь я хочу использовать iFrame, чтобы поместить страницу /store/index.php
в тело моей страницы /store.html
, так как у него есть связный верхний и нижний колонтитулы, мета-теги и т. д. c.
Когда я вставляю iFrame на страницу html, я делаю ширину 100%, и это нормально, потому что оба html страница и витрина магазина отзывчивы.
Однако, когда я захожу на сайт с помощью мобильного устройства - или - когда я нажимаю на продукт с длинным описанием, исходная страница становится «длиннее», чем высота iFrame, и поэтому появляются полосы прокрутки. , Это проблематично c, потому что теперь на странице есть две полосы прокрутки, и это становится грязным при использовании мобильного устройства.
Есть ли способ, которым высота I и iFrame может быть динамической c, в зависимости от высота страницы, с которой она связана (исходная страница) - не только при загрузке страницы, но на самом деле динамически c в режиме реального времени?
Единственным другим способом будет создание аналогичного заголовка. и нижний колонтитул на витрине магазина, и это будет долгий и сложный процесс, так как и фронтэнд, и витрина магазина были построены с использованием различных CSS листов и c.
Спасибо: -)