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

Question

我从几个月以来一直在进行角度+离子测试，而我经常使用<ion-grid>。但是，由于我正在开发可在台式机和移动设备上使用的应用程序，因此有时我需要非常不同的布局，并且我发现使用ion-grid组件的flexbox方法有时很难做到这一点。

是否有一种方法可以代替使用离子膜内部的CSS Grid（https://css-tricks.com/snippets/css/complete-guide-grid/？这会使某些布局容易得多。

Ionic是否以某种方式直接支持？还是这需要我直接在CSS中制作？ Ionic不直接支持它的不利之处是什么？

Answer 1

在离子中，没有什么可以强迫您仅使用离子元素，使用这些元素的目的是使用户更容易进行更快的工作。因此，例如，不要使用引导程序来进行网格布局：

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

因此，离子网格或离子行或离子-col只是为了让用户更快地使用，但是如果要在离子和自举程序中的默认元素之间实现更好的性能，则可以肯定的是，它在离子元素中会更好。您可以在不使用引导程序库而仅使用CSS的情况下实现自己的事情，那么它根本不会有所不同，因为CSS是ionic的一部分，而不是添加css文件的您，因此使用css和html普通元素非常正常像div一样，可以在没有离子元素的情况下实现巡回演出。