什么是响应式设计?

  响应式设计是指网站或应用程序响应用户屏幕大小,平台,设备和行为的能力。

通过使用灵活的网格布局和CSS媒体查询,应用程序可以改变其布局以及可用功能,以提供最佳的查看和用户体验。

应用程序设计人员需要预测不同用户与应用程序的交互方式,因为他们的屏幕大小不同(包括不同的显示器大小和移动设备)。设计人员将以最小化屏幕大小调整,平移和过度滚动的等方式定位主要内容,这意味着当可用屏幕宽度减小时,多列布局中的内容将开始重新定位,以便对齐到单个列中。

菜单布局是另一个重要的考虑因素,因为水平菜单不适合有限宽度的屏幕,垂直菜单将占据移动设备主要观看区域的大部分,设计师还可以考虑是否有一些内容或功能只有在更大的屏幕尺寸上提供才有意义。
响应式设计比以往任何时候都更加迫切。一些网站和应用程序看到超过70%的用户访问来自移动设备。今天构建的每个网站和应用程序都需要考虑是否允许用户在移动设备上访问它。如果答案是肯定的,那么响应式设计是最重要的,应该从一开始就设计而不是作为事后的想法。

什么是自适应设计?

30种 Bootstrap响应式设计模板

四种最好的免费Bootstrap在线设计工具

Javascript主题