Question

我是新来的。

我想询问您是否可以使用脚本切换2个脚本？目前，我有2种不同大小的横幅，使用调用代码进行调用。

728x90的调用代码

<ins data-revive-zoneid="12" data-revive-target="_blank" data-revive-blockcampaign="1" data-revive-id="713df90a5694f87d7cd7c1884e8e2f44"></ins>
<script async src="//www.site.com/baby/delivery/asyncjs.php">

300x50的调用代码

<ins data-revive-zoneid="6" data-revive-id="713df90a5694f87d7cd7c1884e8e2f44"></ins>
<script async src="//www.site.com/baby/delivery/asyncjs.php"></script>

到目前为止我所拥有的是，但尚未尝试过。

if (Webbrowser)
{

728x90 Invocation code

}

if(Mobile Browser)
{

300x50 Invocation code

}

基本上，我只想根据浏览器的大小切换2个调用代码。这可能吗？

Answer 1

将两个实现保持在单独的div中。在css中，根据屏幕大小隐藏或显示div。

HTML

 <div class="largebanner"> <!-- code for banner large --></div>
 <div class="smallbanner"> <!-- code for banner small --></div>

CSS

@media (min-width: 768px) {
   .largebanner {
        display : block;
    }
   .smallbanner {
        display : none;
    }
}

@media (max-width: 767px) {
   .largebanner {
        display : none;
    }
   .smallbanner {
        display : block;
    }
}

如何根据浏览器大小切换2个脚本？

1 个答案: