是否可以将 CSS 网格与 Ionic 一起使用?

我从几个月以来一直在测试 Angular + ionic,并且我使用了很多<ion-grid>. 但由于我正在开发一个可在桌面和移动设备上使用的应用程序,有时我需要非常不同的布局,并且我发现有时很难使用组件的 Flexbox 方法来实现这一点 ion-grid

有没有办法在 ionic 内部使用 CSS 网格( https://css-tricks.com/snippets/css/complete-guide-grid/ )?这将使一些布局变得更加容易。

这是否由 Ionic 直接支持?或者这需要我直接用CSS制作吗?Ionic 不直接支持它的缺点是什么?


白衣染霜花
浏览 84回答 1
1回答

慕田峪7331174

在 ionic 中,没有什么强制你只使用 ionic 元素,使用这些元素的目的是让用户更容易更快地工作。因此,不要使用 bootstrap 来制作网格布局,例如:<div class="blabla">&nbsp; &nbsp; <div class="row">&nbsp; &nbsp; &nbsp; &nbsp; <div class="col-6 col-sm-12 ..."></div>&nbsp; &nbsp; </div></div>所以 ion-grid 或 ion-row 或 ion-col 只是为了让用户更快地使用,但如果它是为了在 ionic 和 bootstrap 中的默认元素之间获得更好的性能,那么在 ionic 元素中肯定会更好,但如果可以的话不使用 bootstrap 库而只使用 css 来实现你的目标,那么它根本不会有什么不同,因为 css 是 ionic 的一部分,而不是你添加 css 文件,所以使用 css 和 html 普通元素(如 div)是很正常的无需离子元素即可实现游览效果。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5