添加角材质主题后字体变小.#的问题

  • 本文关键字:问题 字体 添加 angular
  • 更新时间 :
  • 英文 :


我在我的项目中使用bootstrap以及angular材料,但在"angular.json"字体变小了,但当我删除它们时,它又工作得很好,但组件不工作。例如:——

添加角材质后主题:image

无角材质主题:image

你可以在图片"India Today">有问题,但不止于此。

我已经检查了所有可能的方法,但仍然不工作。

在这种情况下,您可以简单地手动定位元素并在css中重写它。使用你想要的字体大小。

确保使用Id来调用该元素,并将其写入样式表的最后一行。

希望根据特异性规则,在不影响现有样式的情况下工作

最后我得到了什么是问题,当我安装@angular/material然后我这样做:

设置全局Angular Material排版样式?是吗?为Angular Material设置浏览器动画?是的

由于这个垫式排版类已经添加到index.html文件中,然后在我重新安装@angular/material之后,当时我没有设置全局Angular material排版样式(No),并且我还删除了垫式排版类从index.html文件。之后一切都很顺利,现在一切都很顺利。

谢谢大家的帮助....

你正在做的这个项目有多大?几页?如果是这样,就逐个手动修复它,下次启动项目时,记得在早期添加任何干扰样式的库!

在项目后期添加样式库时,这是一个常见的问题。唯一可能的快速修复方法是尝试更改导入库的顺序,但如果有些库是以样式导入的,则可能无法更改。SCSS和一些是在angular.json中导入的

另一个可能的解决方案是尝试将您要导入的内容限制为仅需要的内容的骨架。这可以减少碰撞。

如果这需要自定义修复,那么会受到什么影响?只是字体大小吗?如果是,首先在styles.scss:

中设置正文的默认字体大小
body {
font-size: 1rem !important; // important not recommended but if desperate you can use it to force your hand or, even better, increase the specificity of the rule
}

希望这种方法能解决大部分问题,然后你就可以解决剩下的问题了。

最新更新