是否可以將 CSS Grid 與 Ionic 一起使用？

Question

自幾個月以來我一直在測試 angular + ionic，並且我使用了很多<ion-grid> 。 但是由於我正在做一個可以在桌面和手機上使用的應用程序，有時我需要非常不同的布局，我發現有時使用ion-grid組件的 flexbox 方法很難實現這一點。

有沒有辦法在離子內部使用 CSS 網格（ https://css-tricks.com/snippets/css/complete-guide-grid/ ）？ 這將使一些布局更容易。

這是否由 Ionic 直接支持？ 或者這是否需要我直接在 CSS 中制作？ Ionic 不直接支持它的缺點是什么？

Answer 1

在 ionic 中，沒有什么可以強迫您只使用 ionic 元素，使用這些元素的目的是讓用戶更容易更快地工作。 因此，不要使用引導程序來制作網格布局，例如：

<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 元素中肯定會更好，但如果你可以achieve your things without using library of bootstrap and just use css, then it will not differ at all since css is a part of ionic and not you who is adding the css file, so its very normal to use css and html normal elements like div在沒有離子元素的情況下實現游覽結果。