从概念上看两者的区别:
响应式布局就是响应式设计方案呈现的效果,具体指页面的布局会根据不同设备的显示面积(主要是宽度)的不同而呈现不同的布局,这个效果比弹性的布局更好的地方是样式会主动地根据用户的设备的显示面积呈现出布局更灵活,可读性更强,当然对研发的要求也会更高(比如说如何更好地让图片、适配、UI动态效果自适应各种布局)。响应式设计一般来说是一套设计方案解决所有的设备的自适应问题。
移动端布局就是传统的固定宽度或者弹性布局的设计方案呈现的效果。一般来说,这个布局设计开发都比较简单,同时设计的效果可以更精细,细节更丰富。不好的地方就是如果要适应很多不同的设备,需要多套设计方案,或者让比较小屏的方案去适应多个大屏,适应的效果上可能不是特别好。
简单来说,响应式布局是为了适配不同的终端而生,移动端布局是针对于智能手机为主,也就是现在行内常说的H5站(m站)。
来看看他们的不同之处:
1、两者适配的群体不同,响应式适配各种终端,而移端大部分为智能手机为主。
2、响应式布局能根据不同的终端设备实现不同的页面布局,而移动端布局大部分是单列布局。
3、响应式布局有可能造成冗余的代码较多(当然也有高手前端写出简洁的代码,ABC模板商城www.abcmoban.com的响应式网站模板代码就很简洁、干净、整齐),移动端布局冗余代码较少,针对性较强。
相同之处:
1、在智能手机上,响应式看到的页面效果能和移动端的一样效果。
2、两者都要面对适配的问题、兼容性问题。
响应式布局与移动端布局各有优缺点,看你怎么取舍了,根据你自己的建站需求来选择适合的方式。