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

Question

我从几个月 angular + ionic 开始测试，我用了很多 <ion-grid>。但是因为我正在做一个可以在桌面和移动设备上使用的应用程序，所以有时我需要非常不同的布局，而且我发现有时候使用 ion-grid 组件的 flexbox 方法很难实现这一点。

有没有办法在 ionic 中使用 CSS Grid(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 中的默认元素之间获得更好的性能，那肯定会是在离子元素上更好，但是如果你可以在不使用 bootstrap 库的情况下实现你的东西并且只使用 css，那么它根本没有什么不同，因为 css 是离子的一部分而不是您正在添加 css 文件，因此使用 css 和 html 普通元素（如 div 来实现没有离子元素的游览结果是很正常的。

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

Is it possible to use CSS Grid with Ionic?

html

css

ionic-framework

css-grid

ion-grid