El div contenedor de artículo grande tiene un ancho de 2358px. Estoy haciendo un escalado proporcional para que quepa en dispositivos móviles. Mi preocupación es que, si coloco el código del bloque de anuncios dentro de un div principal que tiene un ancho más pequeño, como 500 px, ¿estará bien? Al igual que sin un div principal, es un poco incierto cómo Google calculará el tamaño de los anuncios, ya que el ancho total es demasiado grande para el dispositivo móvil. Probablemente los anuncios no se mostrarán. Pero, ¿establecer un div principal afuera con un ancho más pequeño solucionará este problema? ¿El anuncio de Google receptivo depende del div principal o del div del artículo principal más grande?

CSS

 #Web_1920__1 { position: absolute; background-color: rgba(0,0,0,0); width: 2358px; height: 5216px; overflow: visible; } .ads-style-one-phone { position: relative; left: 835px; width: 500px; height: auto; border: 4px rgba(255,255,255,0.3) solid; border-radius: 5px; margin-bottom: 500px; margin-top: 640px; }

HTML

 <div id="Web_1920__1"> <div class="ads-style-one-phone"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxx" crossorigin="anonymous"></script> <!-- Display vertical --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxxxxxxxxx" data-ad-slot="xxxxxxxxx" data-ad-format="auto" data-full-width-responsive="true"> </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div>

Si coloco el código del bloque de anuncios dentro de un div principal, ¿hay algún problema ya que el div grande principal tiene un ancho de 2358 px?