文章浏览阅读2.7w次，点赞14次，收藏68次。响应式布局使我们的网页在各种设备上广为传播。今天和大家聊聊常见的三种布局方式。缩放、流式布局与响应式缩放布局，旨在相对缩放每一个元素。它们会随着窗口大小变化动态缩放内容，就这方面而言，它们是响应式的。布局本身保持静止，通过改变每一个元素来保持一致的表现。上图：不同分辨率下缩放布局的例子，这种设计为了统一牺牲了易读性。流式布局就不一样，因为它们随着窗口尺寸缩放容器元素。通过em这类相对单位可以做到这点，克服了缩小文字的问题。用户主动缩放时，设计就被破坏了。上图：.._响应式布局