İframe ile çağırdığım sayfayı responsive yerleştiremiyorum

Bu sorun çözüme kavuştu mu arkadaşlar ? Özellikle birde wordpress'in içine iframe çağırdığımda css de engellemeler vs de oluyor.

Hocam aranan kan dinamik iframe... Tüm sayfayı çekecekseniz çözümünü bulmak için çok emek verdim. 60tlye kodu veririm

Selamlar iframe karşı site red yapıyor bunun çözümü varmıdır.

6 sene önceki konu hortlamış ama sorular farklı cevap yok.

1.Soru iframe div içerisinde resize edilebilir mi?
- Cevap evet
- Nasıl yapılır? css ile flex kullanarak, js ile autoresize javascript kullanarak (load eventi ve resize eventinde)

2.soru iframe ile harici bir sayfa çağırabilirmiyim
- Cevap : Sayfada X-Frame-Options koruması alınmamış ise evet
- Sayfa sizin ise "X-Frame-Options " değerini kaldırın.
- Sayfa sizin değil ise iframe, object vb. ile o sayfa içeriğini kullanamazsınız. Çünkü bu sunucu taraflı bir korumadır.

Başka yolu varmı?
- Var
- Nasıl?
a) Download ile: Sayfa içeriğini bir script veya yazılım ile kendi serverınıza .html olarak kayıt edip bu dosyayı kullanabilirsiniz.
b) Web içeriğini parselemek ile: Web scraping, beautiful soup vb. (Bu tür yazılımlar ile içerik sanki web tarayıcından siteyi gezmiş gibi alınır ve istenen bölüm parseleyerek içerik alınır)


iframe, object vb. yöntemler ile sitenizin içeriğini kullandırtmak istemiyorsanız misal (google.com) IIS'de böyle bir kod girebilirsiniz.

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>

<httpProtocol>
<customHeaders>
<add name="X-Frame-Options" value="DENY" />
</customHeaders>
</httpProtocol>

</system.webServer>
</configuration>

<div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3007.681183362913!2d28.2 42550799999997!3d41.0759611!2m3!1f0!2f0!3f0!3m2!1i 1024!2i768!4f13.1!3m3!1m2!1s0x14b515183fae13cb%3A0 x8a036b422acd4ac0!2zTGlkZXIgRGnFnyBLbGluacSfaQ!5e0 !3m2!1str!2str!4v1721244686678!5m2!1str!2str" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
bu kodu yapıştırmanız yeterlidir