我有一个我正在处理的网站，我有3个横向排列的社交媒体供稿。我需要它们在移动设备上查看时叠加。目前它们仍然只是水平地彼此相邻。
这是标准布局 - goo.gl/4UwsuS
社交媒体供稿在“关于我们”部分中稍微偏低一些。它们目前正是我希望它们在PC上看起来的样子，但是当在移动设备/平板电脑上观看时，我需要将它们垂直叠放在一起。
WordPress主题只允许自定义HTML，因此我将它们设置为div。
答案 0 :(得分：0)
您需要一个将flex容器div设置为
的媒体查询public IAccessor iAccessor1()或
flex-direction:column
但是它会完全破坏，因为你的布局并没有真正将图标与Feed相关联......
可能最好重新考虑那一部分：Restucture使div继承合乎逻辑，如：
flex-wrap:wrap
通过这种方式，您可以将主要Feed容器设置为显示flex，使用flex-direction行（默认）justify-content：用于创建并排布局的空间，以及每个要显示flex的媒体容器，但这次flex-direction列和justify-content flex-start，以使图标和源保持对齐。
然后，只要到达断点，就可以使用媒体查询将主要Feed容器的flex-direction设置为column。