Я сделал iframe для нашей формы Google на веб-сайте Wordpress отзывчивым, и он работает на некоторых устройствах, использующих определенные браузеры, но не везде:
- Windows Firefox: работает
- Windows Chrome: не работает
- iPhone Safari & Chrome: работает
- Android Firefox & Chrome: не работает
Кстати, используя новейшие версии браузера.
Вот код, который я использовал:
<div class="resp-container-1">
<iframe class="resp-iframe-1" src="XXX" width="100%" height="100%" allowfullscreen="" frameborder="0">Wird geladen...</iframe>
</div>
и
.resp-container-1 {
position: relative;
overflow: hidden;
padding-top: 75%;
}
.resp-iframe-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
Пожалуйста, найдите скриншоты ниже.
Я проверил, перепроверил и возился с ним, но я не могу понять, как настроить код. Что я делаю не так?
Любая помощь будет принята с благодарностью!
Спасибо,
Victoria
Windows Firefox
Windows Chrome
iPhone Safari
Android Firefox