这是我在Stack Overflow上的第一篇文章,所以请提前感谢您的体贴和帮助。
我在我的网站上使用flexbox来更改我在移动设备上的内容顺序。我的网站使用侧边栏,底部有一些框,位于主要内容div之外。
[a,b,c,d]
当屏幕宽度允许此布局适用于主要内容和侧边栏并排和下面的灰色框。侧边栏内容是其他页面的CTA。
然而,在移动设备上,我想在灰色框后面的页面末尾的侧栏中使用CTA。
目前我使用flexbox对内容进行重新排序,并且效果很好。然而,在移动设备上,它将我的内容从主体内移出。
没有Flexbox的移动设备: -身体 -Sidebar -Grey Boxes
使用Flexbox重新排序: -身体 -Grey Boxes -Sidebar
我已经搜索了Stack Overflow和谷歌,但似乎没有人遇到类似的问题,而且刚接触到flexbox我确定我做错了。
如果您使用检查员的移动视图查看http://dev.collegesurveyservices.com/our-evaluation-process/,您将看到问题。