流式布局是响应式设计的一种常规布局思想,它以百分比为单位。页面元素可以在分辨率或浏览器宽度发生变化时,平滑缩放,防止给用户带来视觉上的跳跃感;同时防止出现传统固定布局中的横向滚动条。
流式布局也存在一些缺点,当屏幕在较小和较大尺寸之间变化时,同样的布局设计不可以提供好的视觉体验。如一些文字的行宽在PC端显示时,符适用户的视觉成效,但在手机端就会看上去太窄,影响用户浏览。
百分比为单位的元素大小以其父元素宽度为参照物,元素嵌套层数较多时,计算机比较麻烦。流动布局还需结合媒体查看的办法,针对不同分辨率的设施来优化网页样式的响应式方案,如此才能达到更好的成效。
