Responsive design 不同的b/w主要是流体和柱滴响应设计模式

我真的搞不清楚b/w主要是流体和柱状液滴响应设计模式的区别。有人能帮忙吗。

所以我们看的是同一件事，如果你看屏幕上的，它是一个多列布局，在小于500px（确切地说是31.42em）的屏幕宽度下折叠成单列布局

关键的一点是网格是灵活的，当网格崩溃时，柱保持相同的顺序。此外，在所有视口中，屏幕上的内容顺序与HTML中的顺序相同

 1
2-3  

变成

1
2
3

最有可能的是一个3列布局，主要内容在中心，侧边栏在宽视口的左侧和右侧

出于SEO的原因，将主要内容放在HTML的开头是一个优势，因此可以这样说您的HTML

<main content>
<secondary content>
<tertiary content>

列放置模式将对内容进行重新排序，以便在宽视口中为3列布局，主要内容位于中间

<tertiary content> <main content> <secondary content>

随着视口的减少，这将更改为

<main content> <secondary content>
<tertiary content> 

最后是

<main content> 
<secondary content>
<tertiary content> 

希望这有帮助