我有一个用 Angular 4 开发的应用程序，它没有响应，所以想知道： 1. Angular 最新版本默认响应式。 2. 使 Angular 4 应用程序响应的最佳方法是什么。引导或媒体查询？还是有其他更简单更好的方法。
【问题讨论】：
标签： angular responsive-design responsive
最新版本的Angular默认响应
您的 Angular 应用是否具有响应性取决于您如何编写 HTML/CSS 代码。在编写 Angular 应用程序时，本质上，您编写 HTML/CSS 的方式与在其他任何地方编写它的方式相同（除了 Angular 特定的东西，如组件、指令、模板……），但没有什么是响应式的除非你把它写成。
使 Angular 4 应用程序响应的最佳方法是什么。引导或媒体查询？还是有其他更简单更好的方法？
嗯，这取决于你的喜好。我发现 Bootstrap 使编写响应式应用程序变得更容易并且代码更少，但是有一个学习过程，您必须了解 Bootstrap 类以及如何将它们实现到您的设计中。此外，在交付使用 Bootstrap 构建的网站几个月后，可能会发生的情况是，客户要求进行看似简单的更改，直到您意识到您正在破坏网站其他部分的设计。
另一方面，媒体查询往往会使编写响应式应用程序变得更加困难，因为您必须自己编写所有内容，但它使您的网站设计简单明了，并且以后更容易修改。
最终，您将不得不编写额外的代码来实现响应式设计，无论您选择 Bootstrap、媒体查询 还是完全其他的...
【讨论】：
不，Angular 默认不响应。 "AngularJS 是动态 Web 应用程序的结构框架。使用 AngularJS，设计人员可以使用 HTML 作为模板语言，并且它允许扩展 HTML 的语法以轻松地传达应用程序的组件。Angular 制作了很多你本来可以使用的代码必须写完全多余的。”同样的描述适用于Angular（Angular2+）~https://www.awwwards.com/practical-uses-of-angularjs-create-a-single-page-application-spa-or-a-website-menu-in-an-instant.html
就我个人而言，我想说的是，使用 Bootstrap 来使您的 Web 应用程序具有响应性。它使用更少的代码快速且易于使用。 ~https://getbootstrap.com/
【讨论】：
没有。 Angular 是一个框架，它为您提供dependency injection 实现、html-to-javascript 绑定、为您处理很多事情的构建步骤，例如转译、打字稿编译以及许多其他很酷的东西和细节。
但是，这些大多与 javascript 和构建步骤有关。 Angular 不附带默认样式表，除了处理您在构建步骤中在项目中定义的 css 文件之外，它实际上与 CSS 无关。
为了让您的网站具有响应性，您需要样式表和 HTML 以使您的页面元素能够对浏览器大小做出反应。一些框架默认提供此功能（如引导程序），但这与 Angular 本身无关。
即使您使用响应式 CSS 框架，如果您没有正确设置 HTML 标记，或者如果您开始弄乱样式表，某些页面元素也可能会在特定的浏览器尺寸中中断。
（澄清一下，像 bootstrap 或 Foundation 这样的 CSS 框架与 Angular 完全不兼容。它们可以轻松组合）。
【讨论】：
最快的答案是，不，默认情况下，angular 是不响应的。
但这并不完全正确。只是角度不包含任何东西。使用 Angular，您只需获得创建 Web 应用程序、编写一些 HTML 并将它们绑定在一起的基础设施。换句话说，您最终得到的任何 HTML 和样式都只是您自己的。
这意味着如果您想提供响应式模板，您需要自己构建它。
最简单的方法是包含 CSS 框架（正如您所建议的，bootstrap 将是一个流行的选择），或者使用已经包含样式的库，例如 @angular/material 或 ngx-bootstrap。你也可以找到其他人。默认情况下，您会在此处获得响应。
【讨论】：