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