是否可以将 CSS 网格与 Ionic 一起使用？

Question

我从几个月以来一直在测试 Angular + ionic，并且我使用了很多<ion-grid>. 但由于我正在开发一个可在桌面和移动设备上使用的应用程序，有时我需要非常不同的布局，并且我发现有时很难使用组件的 Flexbox 方法来实现这一点 ion-grid。有没有办法在 ionic 内部使用 CSS 网格（ https://css-tricks.com/snippets/css/complete-guide-grid/ ）？这将使一些布局变得更加容易。这是否由 Ionic 直接支持？或者这需要我直接用CSS制作吗？Ionic 不直接支持它的缺点是什么？

Answer 1

在 ionic 中，没有什么强制你只使用 ionic 元素，使用这些元素的目的是让用户更容易更快地工作。因此，不要使用 bootstrap 来制作网格布局，例如：

<div class="blabla">

    <div class="row">

        <div class="col-6 col-sm-12 ..."></div>

    </div>

</div>

所以 ion-grid 或 ion-row 或 ion-col 只是为了让用户更快地使用，但如果它是为了在 ionic 和 bootstrap 中的默认元素之间获得更好的性能，那么在 ionic 元素中肯定会更好，但如果可以的话不使用 bootstrap 库而只使用 css 来实现你的目标，那么它根本不会有什么不同，因为 css 是 ionic 的一部分，而不是你添加 css 文件，所以使用 css 和 html 普通元素（如 div）是很正常的无需离子元素即可实现游览效果。