响应式网站如何布局广告代码 页面不同宽度显示不同广告实现办法

现在越来越多的网站都实现了响应式的效果，响应式效果能 很大成都满足不同浏览设备对网站的需求，能更好的适应更种浏览窗口的大小，但是同时也造成了我们投放广告的麻烦。

一般的广告都是固定尺寸的，如何实现我们需要不同尺寸的页面显示不同的广告呢？

下面361模板网就给大家分享实现办法,直接上代码：

window.screen.width >= 760) {document.writeln("<div class=/'mobPostBox/'>");document.writeln("<div class=/'mobPostTwo/'>");document.writeln("<script type=/"text/javascript/">");document.writeln("    /*970*90 创建于 Tue Jul 18 2017*/");document.writeln("    var cpro_id = /"u3038186/";");document.writeln("</script>");document.writeln("<script type=/"text/javascript/" src=/"http://cpro.baidustatic.com/cpro/ui/c.js/"></script>");document.writeln("");document.writeln("</div>");document.writeln("</div>");

window.screen.width < 760) {document.writeln("<div class=/'mobPostBox/'>");document.writeln("<div class=/'mobPostTwo/'>");document.writeln("<a rel=/"nofollow/" href=/"http://cloud.tencent.com/redirect.php?redirect=1005&cps_key=b545e06dad305da6d86247c34a6490b0/" target=/"_blank/"><img src=/"/ads/q314x100.jpg/" border=/"0/" /></a>");document.writeln("</div>");document.writeln("</div>");

这2端代码的是意思是：

当屏幕宽度显示宽度大于等于760的时候显示 百度联盟 广告

当现实宽度小于760的时候 显示 自定义的 图片广告。