Angular 5全屏不动，非拉伸背景图像

是指在使用Angular 5进行前端开发时，实现一个全屏不动的背景图像，即背景图像不会随着页面的滚动而移动或拉伸。

为了实现这个效果，可以使用CSS的background-size属性来控制背景图像的大小。具体步骤如下：

1. 在Angular 5项目中的组件的CSS文件中，为背景元素添加以下样式：

.background {
  background-image: url('背景图像的URL地址');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

1. 在组件的HTML文件中，将背景样式应用于一个元素，例如一个div：

<div class="background"></div>

这样，背景图像就会以全屏的方式显示，并且不会随着页面的滚动而移动或拉伸。

背景图像的URL地址可以是本地图片的路径，也可以是网络上的图片链接地址。

这种全屏不动的背景图像在很多场景中都有应用，例如网站的首页、登录页面、产品展示页面等。它可以提升页面的视觉效果，增加用户的体验。

腾讯云提供了丰富的云计算产品，其中与前端开发相关的产品包括云服务器、云存储、云函数等。您可以根据具体需求选择适合的产品来支持您的前端开发工作。

• 腾讯云服务器（CVM）：提供可扩展的云服务器实例，可满足不同规模和需求的应用场景。了解更多：腾讯云服务器
• 腾讯云存储（COS）：提供安全、稳定、低成本的对象存储服务，可用于存储和分发静态资源，如图片、音视频等。了解更多：腾讯云存储
• 腾讯云函数（SCF）：无服务器云函数服务，可实现按需运行代码，无需关心服务器管理和运维。适用于处理前端应用的后端逻辑。了解更多：腾讯云函数

以上是腾讯云提供的一些与前端开发相关的产品，您可以根据具体需求选择适合的产品来支持您的开发工作。