响应设计,即自适应设计,是一种设计方法,网页可以自动改变大小,以适应不同大小的计算机或手机的相应设备。这种设计有哪些优缺点?我们来谈谈吧。

由于我们媒体的快速发展,手机等移动设备已经成为每个人的标准配置。我们浏览网站网页不限于PC端。许多人直接在移动设备上浏览网页,如手机和平板电脑。此时,他们向网站制作人提出了问题。是一组网站,同时设计了电脑端的平板电脑和手机?或者一组网站模板能同时适应不同的设备吗?如果单独设计,工作量会很大,将来会给网站运营商带来麻烦。同时维护不同设备的网站运行是必要的,因此,此时,响应性网站设计将自发出现。

优点:响应式网站布局只需要一套网页,可以兼容PC、移动和平板电脑,甚至未来还可以兼容不同尺寸的设备。可以说兼容性比较好。其原理是根据不同的大小比设计不同的CSS样式,以控制网页在不同设备上的显示效果,如下图为万梭涛设计布局的一套金色回应

博客截图显示,同一组网页可以在电脑和手机上显示不同的效果。

而这还有一个优点,就是同一网站只需在搜索平台上提交一次,平台可以自动区分电脑端和移动端进行收录,这对SEO来说非常方便。

缺点:没有什么是较好的,这种反应灵敏的设计也不例外。一个小缺点是网页设计不太复杂。基本上应以对称设计为基础。那种不对称的艺术美不适合于响应性的设置,因为通过CSS控制比较麻烦,而响应式设计的整体布局也不会与PC有太大的区别,毕竟是同一套模板

无论如何,响应式设计是一种趋势,它可以得到两倍的结果,一半的努力为网站运营商。