响应式布局与移动端布局有什么区别?

我要冲啦个人网站建设2019-01-21常见问题

  很多需要做网站的朋友不知道响应式布局与移动端布局两者间有什么区别。首先需要明白:响应式布局与移动端布局不是硬币的正反面,它们为了解决同一个问题而生,它们是同一种思想的延伸。既然不对立,那两者之间有什么区别呢?借此 冲锋号www.51comeon.cn 把2者的区别总结如下:

  从概念上看两者的区别:

  响应式布局,就是响应式设计方案的呈现。具体点就是在不同的设备上,网页能自动识别屏幕宽度、并根据设备的显示面积(一般情况下是指的屏幕宽度,当然,也可以是其他的)显示出不同的效果。这个效果比弹性的布局更好的地方是样式会主动地根据用户的设备的显示面积呈现出布局更灵活,可读性更强,当然对研发的要求也会更高(比如说如何更好地让图片、适配、UI动态效果自适应各种布局)。响应式设计一般来说是一套设计方案解决所有的设备的自适应问题。通俗点就是设计一套布局,在PC端和移动端都可以使用。

  移动端布局就是传统的固定宽度或者弹性布局的设计方案呈现出来的效果。一般来说,这个布局设计开发都比较简单,同时设计的效果可以更精细,细节更丰富。不好的地方就是如果要适应很多不同的设备,需要多套设计方案,或者让比较小屏的方案去适应多个大屏,适应的效果上可能不是特别好。

  简单来说,响应式布局是为了适配不同的终端而生,移动端布局是针对于智能手机为主,也就是现在行内常说的H5站(m站)。

  来看看他们的不同之处:

  1、两者适配的群体不同,响应式适配各种终端,而移动端大部分以智能手机为主。

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

  3、响应式布局有可能造成冗余的代码较多(当然也有高手前端写出简洁的代码,www.51comeon.cn的响应式网站模板代码就很简洁、干净、整齐),移动端布局冗余代码较少,针对性较强。

  相同之处:

  1、在智能手机上,两者呈现出的页面效果一样。

  2、两者都要面对适配的问题、兼容性问题。

  故我的结论是:

  响应式布局与移动端布局各有优缺点,看你怎么取舍了。这不是一个二选一的问题,而是选择一个合适的度。而这个度,则是由你的设计需求决定的。而我们的需求原点其实也很简单:“根据你的产品特点,进行两种不同的设计”。根据你的设计需求,选择合适的技术方案。

文章关键词
响应式布局与移动端布局有什么区别
响应式布局
移动端布局