使用 flex 布局的全局 CSS

Question

我正在使用 angular 材料创建 angular 2 应用程序，并且为了响应我正在使用 angular flex-layout 库。但是在使用 angular flex 布局时，我开始知道对于每个页面，我都需要根据要求修改 CSS。 由于我的应用程序有将近 60 页，因此使用 flex 语法重新设计所有页面太复杂了。

所以我需要问一下，

1. 我能否使用 Flex-layout 创建全局 CSS，从而减少修改每个页面的工作量？

2. 我可以使用另一个比 flex 布局更容易的响应库吗？

3. 在 Angular 2 应用程序中，我应该使用什么来实现响应性和流畅的页面结构？

请任何人建议我在 Angular 2 中设计 Web 应用程序的正确方法。

Answer 1

1. 是的，某些样式必须是全局样式，例如 Bootstrap 或 Flexbox 等布局结构类。否则您将在许多组件中重复 .css 类。

2. Bootstrap 3 非常受欢迎，尽管一些开发人员喜欢或不喜欢它，但它被如此多的开发人员和项目使用，因此它非常易于维护、解决问题，并且将加入该项目的新开发人员可以轻松维护并编写新代码。

3. 我建议使用 flexbox 或 bootstrap 3。这看起来很有前途http://flexboxgrid.com/。

如果您有任何问题，请随时提问:)