Можно ли использовать CSS Grid с Ioni c?

Question

Я тестирую несколько месяцев angular + ioni c, и я много использовал <ion-grid>. Но так как я делаю приложение, которое будет доступно на настольном компьютере и на мобильных устройствах, иногда мне нужны ОЧЕНЬ разные макеты, и мне иногда трудно этого добиться с подходом flexbox компонента ion-grid.

Есть ли способ использовать вместо CSS Grid (https://css-tricks.com/snippets/css/complete-guide-grid/) внутри ioni c? Было бы намного проще сделать какой-то макет.

Это как-то напрямую поддерживается Ioni c? Или это требует, чтобы я сделал это непосредственно в CSS? Что могло бы быть недостатком, не поддерживаемым Ioni c?

Answer 1

В ioni c нет ничего, что заставляло бы вас использовать только элементы ioni c. Смысл использования этих элементов состоит в том, чтобы облегчить пользователям быструю работу. Таким образом, вместо использования bootstrap для создания разметки сетки, например:

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

Таким образом, ионная сетка или ионный ряд или ионный столбик просто для более быстрого использования для пользователя, но если это происходит для лучшая производительность между элементами по умолчанию в ioni c и bootstrap, наверняка она будет лучше в элементах ioni c, но если вы сможете достичь своих целей без использования библиотеки bootstrap и просто используйте css, тогда он не будет отличаться вообще, так как css является частью ioni c, а не вы, кто добавляет файл css, поэтому вполне нормально использовать css и html нормальные элементы, такие как div, для достижения tour результаты без Иони c elemwnts.