仅在台式机上显示AdSense广告并将其隐藏在手机上

我创建了此AdSense广告并使用了位置：相对于放置它。我只需要将此广告展示在桌面上，而不是手机上。然而，此时广告也在移动设备上显示，并且由于我使用了“位置：相对”，因此将其展示在边界之外。如何才能在桌面上展示此广告并将其隐藏在手机上？谢谢。仅在台式机上显示AdSense广告并将其隐藏在手机上

<div style="position: relative; left: 700px; top:-100; "> 

<style> 
.test-ad { width: 728px; height: 90px; } 
@media(min-width: 500px) { .test-ad { display: none; } } 
@media(min-width: 800px) { .test-ad { width: 728px; height: 90px; } } 
</style> 
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- test-ad --> 
<ins class="adsbygoogle test-ad" 
    style="display:inline-block" 
    data-ad-client="XXXXXXXXXX" 
    data-ad-slot="XXXXXXXXXXX"></ins> 
<script> 
(adsbygoogle = window.adsbygoogle || []).push({}); 
</script> 

</div>

来源

2015-06-27 user2334436

我添加了一个例子，让我知道如果有帮助。 – Garry

min-width: 500px对于所有人来说都太高，但很少有手机，它是平板电脑领域。请记住，虽然分辨率可能相当高，但所谓的视口（浏览分辨率）会减少1.5倍，2倍甚至3倍。大多数手机的视口宽度为320或360（甚至全高清可能只有640x360，每个浏览器像素为3x3实像素）。简单来说，max-width: 500px应该这样做

来源

2015-06-27 04:44:33

检查用户代理是否为移动浏览器，然后不显示它们。您可以使用WURFL.js api进行用户代理检测。

补充一点：

<script type='text/javascript' src="//wurfl.io/wurfl.js"></script>

，并使用此：

<script> 
if(!WURFL.is_mobile){ 
     //display ads 
} 
</script>

请注意，在自由，你只能使用5个WURFL功能时，请确认网站了解更多详情。

来源

2015-06-27 03:53:22 Garry

仅在台式机上显示AdSense广告并将其隐藏在手机上

回答

相关问题