Bu kod nasıl mobil uyumlu olur?

Merhaba. Elimde şöyle bir reklam kodu var ama mobil uyumlu değil.

<iframe src="//wcwcads.net/codes/banner?rcd=MTQ2" scrolling="no" style="width:728px; height:90px; border:0px; padding:0;overflow:hidden" allowtransparency="true"></iframe>

Bunu şu şekillerde düzenlediğimde ise sitenin mobil görünümünü bozmuyor ama reklamın yarısını kesiyor.

<iframe src="//wcwcads.net/codes/banner?rcd=MTQ2" scrolling="no" style=" max-width:100%; width:728px; height:90px; border:0px; padding:0;overflow:hidden " allowtransparency="true"></iframe>

<iframe src="//wcwcads.net/codes/banner?rcd=MTQ2" scrolling="no" style=" max-width:100%; height:90px; border:0px; padding:0;overflow:hidden " allowtransparency="true"></iframe>

Bu kodu sitenin mobil görünümü ile uyumlu olacak şekilde nasıl düzenlemeliyim?

iframe kodu içine sınıf açın class="responsive" şeklinde @media import ile boyutunu mobile göre ayarlayın stil içinde .responsive{
genişlik yükseklik değerleri verin
}

Max-with ile with değerlerini degistirin.

Hocam teşekkürler ama ne dediğiniz anlamadım malesef.

Denedim hocam. Reklamın bir kısmını kesiyor sürekli ama

Width değerini 100% verin sonra olması gereken değeri max-width ile verin, bu şekilde mi denediniz ? Ve reklamlar için yine aynı degerleri yapın