断点设置这事吧，真不是切几个屏幕尺寸那么简单...有时候看着桌面端好好的布局，一缩到手机上就乱套了。尤其是那些媒体查询的临界值，设得太死的话，各种奇葩分辨率设备上就得崩。现在主流那几个断点（比如768、1024、1200）听着挺靠谱，但项目里还是得自己多测几次，不然真容易踩坑。反正我是被折磨习惯了，每次改完都得把浏览器拉来拉去测试半天

@media (max-width: 768px) {
  .container {
    flex-direction: column;
  }
}