电脑上正常结果在手机上失败，是因为 flex 布局失效了吗？

本篇文章向大家介绍《电脑上正常结果在手机上失败，是因为 flex 布局失效了吗？ 》，主要包括，具有一定的参考价值，需要的朋友可以参考一下。

电脑上正常结果在手机上失败的原因

你在手机上布局出错的原因可能是由于 flex 属性的生效范围。你在 .cards 上设置了 flex，但它的作用范围只适用于 table 这个层级，而不会延伸到 tr 和 td 层级。

在电脑端，你设置了 cellspacing="19px"，导致 td 单元格间距为 19px，而不是 flex 属性生效所致。

而在移动端，td 未设置其宽度，默认占据 100% 的宽度。这导致 flex 属性无法生效，从而导致布局出错。

终于介绍完啦！小伙伴们，这篇关于《电脑上正常结果在手机上失败，是因为 flex 布局失效了吗？ 》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！