响应式设计

　　很多年前我们Drupal网站采用了Bartik主题作为电脑版、Mobile主题作为手机版，两个版本采用不同的网址可以互相跳转切换，后来进行了改版，把电脑版、手机版合二为一做成了响应式版本，使用的主题是Responsive Bartik。投放广告则采用了Google AdSense的响应式广告代码。

　　最近因为国内浏览器、运营商对AdSense屏蔽太狠，所以部分国内站改用了百度联盟的广告，并试用了反广告屏蔽代码，效果还不错。但百度联盟一直都没有响应式格式广告代码可用，只能分为手机、电脑两种版本来创建广告单元、获取代码。

　　在MediaWiki

　　去年开始把一些网站以前做的电脑版、手机版合并为响应式设计，以前电脑版一般是用了内容单元和链接单元两种广告形式，手机版一般就是顶部、底部两个内容单元，合并后采用了AdSense后台获取的响应式设计广告内容单元，当时没有找到适合响应式设计的链接单元，因而无法在响应式设计的网站中继续使用链接单元这种广告形式。

　　最近想把以前一些去掉左侧一栏的响应式设计版面进行修改，恢复左侧一栏以便在电脑上查看的时候协调一些（在手机上查看时左侧一栏会出现在页面下方），正在纠结广告位如何放置才能兼顾电脑和手机浏览而且不能超过AdSense规定的3个内容单元+3个链接单元的限制，前几天再次

　　早在几年前我们就开始赶移动Web的大潮了，2011年就有“公司内部技术讲座：云计算与移动互联网、移动手机网站、搜索引擎优化”，然后“再次尝试Drupal搭建手机版网站”，也进行了“MediaWiki网站添加手机版网站”，在这方面算是积累了不少经验。一直到现在依然在采取电脑版+手机版两种版本的方式来发布网站。

　　不过在这中间也了解到另外一种方式和趋势：响应式设计网站，Google早就在推荐这种方式，AdSense也有配套的自适应广告格式，但国内百度站长平台中推荐还是电脑版、手机版两种分开的方式