时间戳

首页 > 解决方案 > 对 Angular 7 项目使用响应式风格的最佳方法是什么。我为每个组件添加了 css

css - 对 Angular 7 项目使用响应式风格的最佳方法是什么。我为每个组件添加了 css

问题描述

如何在 Angular 7 项目中使用响应式样式。我为每个组件添加了 CSS。当我在全局文件中添加响应式样式时，它不会首先继承。是否需要根据每个组件分别添加响应式样式？

标签： cssangular

解决方案

不，不需要为响应式添加不同的样式，您可以在 style.css 中添加媒体 CSS。为了响应您使用以下媒体 CSS：

@media (min-width: 1025px) and (max-width: 1280px) {



@media (min-width: 768px) and (max-width: 1024px) {



@media (min-width: 481px) and (max-width: 767px) {



@media (min-width: 320px) and (max-width: 480px) {

推荐阅读