哇哈哈， 今天我们要来讲一个超级酷的事情，就是怎么 官宣。 让我们的电脑网站变成手机上也Nengkan的美美哒！

一、 PC网站自动适配手机网页的7个步骤

先说说我们要知道，要让电脑网站变成手机网站，得经过七个超级简单又好玩的步骤哦，切中要害。！

1. 第一步，我们要让网页宽度自动变变变，这样不管手机屏幕多大，douNengkan得到哦！

客观地说... 2. 第二步，字体也要变得小小的，这样kan的时候眼睛不会累哦！

境界没到。 3. 第三步，布局要流动起来就像水一样，哪里有空哪里就流过去哦！

4. 第四步， 我们要用CSS3 Media Queries， 我坚信... 这个超级酷的技术，可yi让网页自动调整布局哦！

5. 第五步，宽度要自适应，这个就需要我们动动脑筋，算算每个模块应该多大哦！

6. 第六步，我们要用JS跳转，这样不管用户用的是什么手机，douNeng跳到手机网站哦！

7. 第七步，再说说一步，我们要选择全适的方法， 操作一波... 这样不管是什么网站，douNeng完美适配哦！

二、 主流浏览器dou支持这个设置

弄一下... 哇哈哈，suo有的主流浏览器，包括那个IE9，dou支持我们这个设置哦！dan是dui与那些老式的浏览器， 比如IE6、7、8，我们就要用那个css3-mediaqueries.js来帮忙啦！

三、 支持CSS3、HTML5的高级浏览器

那些超级酷的浏览器，比如支持CSS3、HTML5的，我们就可yi用CSS3 Media Queries来让网页在不同分辨率下自动调节布局标签啦，一言难尽。！

四、 宽度自适应

宽度自适应这个事情，我们要对每个显示模块进行不同宽度的计算，这样在Zuohtml布局的时候就需要大量的计算与适配哦，杀疯了！！

五、 JS跳转的重要性

JS跳转dui与某些行业来说fei常重要，特bie是dui与那些用户转换率网站首页较高的网站，我们只需要在网站的头部加一段JS代码判定是否是移动端访问， 太虐了。 ran后suo有的流量就会quan部流向手机站的主页哦！

六、 适配手机需要专业人士

我始终觉得... 适配手机这个事情，需要懂html5的前端人员来Zuo哦！不过现在也Yi经有比较成熟的解决方案了 比如一键适配，比如云适配、跨屏网等等，这样我们就不需要自己动手Zuo啦！

七、 设置移动端网站

不错。 设置移动端网站一般以这个viewport为准，ideal viewport的宽度等于设备屏幕宽度，这样无论在什么分辨率下那些针对ideal viewport设计的网站dou可yi给用户哦！

好了今天的分享就到这里啦！希望大家douNeng让 挺好。 自己的电脑网站变成手机上也Nengkan的美美哒！