我是新来的。

请问可以用一个脚本切换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个调用代码。这可能吗?

请您参考如下方法:

将两个实现保留在单独的 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; 
    } 
} 


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!