我從幾個月以來一直在測試 Angular + ionic，并且我使用了很多<ion-grid>. 但由于我正在開發一個可在桌面和移動設備上使用的應用程序，有時我需要非常不同的布局，并且我發現有時很難使用組件的 Flexbox 方法來實現這一點 ion-grid。有沒有辦法在 ionic 內部使用 CSS 網格（ https://css-tricks.com/snippets/css/complete-guide-grid/ ）？這將使一些布局變得更加容易。這是否由 Ionic 直接支持？或者這需要我直接用CSS制作嗎？Ionic 不直接支持它的缺點是什么？
1 回答
慕田峪7331174
TA貢獻1828條經驗 獲得超13個贊
在 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）是很正常的無需離子元素即可實現游覽效果。
- 1 回答
- 0 關注
- 130 瀏覽
添加回答
舉報
0/150
提交
取消