响应式布局与移动端布局的区别

　　网站的布局对于做网站的人的一种关于经验与审美考验，而在其中有近些年比较火的响应式布局与移动端布局。对于不怎么了解网页布局的人来说，响应式布局与移动端布局是非常容易刚混淆的。那么今天我们就来简单地讲一讲响应式布局与移动端布局的相同与不同之处吧。

响应式：

　　响应式布局是实现不同屏幕分辨率的终端上浏览网页展示的不同方式。简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。它是为了适配不同的终端而生，可以实现一个网站在不同设备，如：pc、平板、手机，都能正常显示。

　　优点：一个网站能够兼容多个终端，灵活性较强，能够快捷解决多设备显示适应问题。

　　缺点：代码量臃肿，加载时间长，不利于百度的关键词优化和排名，同时，也不利于手机版专题页单独做商业推广，这是响应式设计网站最致命的弱点

移动端：

　　移动端布局常常与pc端作为连带知识，并且主要是针对智能手机为主，实现在不同大小的设备上都能显示同样的界面,主要运用技术弹性布局、rem、vw等等，也就是现在行内常说的H5站。同时，移动端的网址开头一般都有一个"m"开头，所以又被称为m站，这也是一个判断网站是否是移动端的方法。

　　优点：单独的移动站点会视为和PC视为两个网站对待，无论排名、流量、权重都可单独获取，有利于百度的关键词优化和排名和推广

　　缺点：需要开发多套界面，且对页面做的屏幕适配要求在一定范围：比如pc端一般要大于1024像素，手机端要小于768像素。遇到状况会需要改动多套代码，流程较为繁琐，相应的人力成本也会增加。

相同之处：

　　1、在智能手机上，响应式看到的页面效果和移动端都能正常显示

　　2、两者都要面对适配的问题

不同之处：

　　1、适配的群体不同，响应式适配各种终端，而移端大部分为智能手机为主

　　2、响应式布局能根据不同的终端设备实现不同的页面布局，而移动端布局大部分是单列布局

　　3、响应式布局有可能造成代码冗余较多(传统式响应式布局，仅依赖于媒体查询，控制不同的页面布局)，而移动端布局冗余代码较少，针对性较强。