Question

我的网站上有Google Adsense自适应广告。它们应该显示在父容器中，但通常会溢出它。

一个简单的示例页面，一个带有添加内容的DIV：http://adriatic.aventin.hr/_test.php

通常当浏览器（BODY元素）是＆gt; 500px宽，广告显示是正确的，但当它被调整为＆lt; 400px显示器通常是不正确的（垂直溢出）。我当然可以隐藏溢出，但添加会被部分切断，所以它不是一个选项。

我尝试了各种代码更改，但没有成功。有什么想法吗？

示例页面代码：

<!DOCTYPE HTML>
<html>
<head>
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

<div style="width: 320px; height: 70px; border: 3px solid red">

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5645119364072707"
     data-ad-slot="9521328853"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>

</body>
</html>

屏幕截图： enter image description here

Answer 1

问题解决了 - 诀窍不是设置div的高度。

Google Adsense响应式添加无法正确显示

1 个答案: