网站自适应，很多人都认为是很高级需要很多时间去实现的东西，不愿意去把一个现成的网站改成自适应，宁愿单独另外做一个移动站。我之前觉得实现网站自适应，要设计很多套CSS，并且要结合jQuery，来实现自适应不同的设备。我还以为要重新设计文章的图片，或者要用到JavaScript来控制图片尺寸，因为图片过大就会超出手机屏幕，而这个工作量是非常可怕的。种种顾虑使我一直不敢着手开刀，造成至今网站还只是一个PC版，而也没有多做一个移动版。
经常在群里看到大家都说移动流量怎么多怎么多，有的还说移动流量大大超过了PC流量，说移动流量的广告点击率也比PC流量高，潜移默化的作用，我也慢慢受到了感染，于是决定把网站改成自适应！
我为什么是把网站改为自适应，而不是改为一个单独的移动站？因为我想一劳百逸，不想同时维护PC站和移动站，这将为日后更新文章节省大量的时间。
由于是第一次接触，没有实际经验，所以需要边找资料看案例边修改代码。
令我感到非常意外的是，我竟然仅需一天时间就完成了修改工作！
此手机版效果图显示的内容比较少，事实上，手机版网页中，在文章结尾也显示Google广告，文章结尾还有用户留言，用户照样可以在手机上评论，此外，“扩展阅读”后面还显示了PC版中的侧栏几个栏目的文章列表，最后，在页尾的搜索框着色层上方投放了百度移动的自适应广告。
网站改为自适应有多简单？
下面就说说如何把网页改为自适应吧，我为什么说很简单？因为你不需要任何高深的网页设计技术，你只需要懂一点html、一点css，而修改耗时对于一张普通网页来说，确实只需几个小时。
我把整个改动过程分为两个步骤。
第一步，非常简单，把如下代码直接复制到<head></head>里面。
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />
前面两个meta，no-siteapp和no-transform，是告诉搜索引擎不要把网页转码。第三个meta，声明网页可以缩小放大。
第二步，在<head></head>里加上如下css代码。
<style type="text/css">
http://m.gdfshaiyu.com/zhuanti/10091.html