【发布时间】:2019-11-20 19:13:03
【问题描述】:
我正在处理一个每天有数百万用户的大型网站。随着时间的推移,该网站是多个前端开发人员的共同努力,并且在没有任何样式指南或适当的设计测量的情况下开发。结果,每个开发人员都根据自己的喜好给出了字体大小,并且几乎所有其他标签都在其 CSS/SCSS 中定义了字体样式属性。我想让网站上的字体大小标准化,以便同一页面上所有页面和组件的外观和感觉保持不变。我们可以用来进行这些字体大小更改并在有限时间内实现目标的最佳且可扩展的方法是什么? 注意 - 公司目前不开放重写代码。所以,唯一的办法就是修改现有的代码。
【问题讨论】:
-
为你拥有的每个元素(h1,...,h6,p,li,ul,span,div 等)创建一个类并为每个元素定义一个字体大小,然后添加分类到每个元素中。没有简单的方法。
-
首先定义一个类,并确保使用
!important标签来确保您覆盖它们,但实际上没有捷径。 -
他们不想为一份“好”的工作买单,他们只想为一份“快”的工作买单。美好的!只需使用
* { font-size: 14px !important; } -
将上述三个答案放在一起,一种可能的解决方法是设置每个元素的
font-size: [some value]rem !important。我提供了一个example。