我正在学习 css flexbox，并且我在 javascript 滑块方面遇到了一个问题。我已经测试了几个（lightgallery.js、swiper.js、siema.js），但每次它似乎都会破坏我的 Flexbox 容器。
我有一个主要元素和一个旁白元素。在移动设备上，我希望主要元素和辅助元素可以一个在另一个之下。看起来效果不错。但在桌面上，我希望主要元素适合最大 1000px 的 2/3，旁边元素适合 1/3，并排。
不幸的是，滑块似乎破坏了我的 .wrap 容器。
我测试了很多东西并搜索了像我这样的问题，但没有结果。我真的不明白什么可以解决我的问题。我必须承认我有点迷失了。
你可以在这支笔上看到这个问题（lightgallery.js）：https://codepen.io/studiok7/pen/pxGWMJ https://codepen.io/studiok7/pen/pxGWMJ
<span>Thanks ;-)</span>
默认情况下，弹性项目（弹性布局的子项）的最小宽度设置为自动，以便父项将显示所有元素而不会剪切/溢出。尝试添加：
.main {
...
min-width: 0;
}
到 .main 元素，如下面的分叉示例所示：https://codepen.io/anon/pen/vVPLOo https://codepen.io/anon/pen/vVPLOo
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
