使用较少CSS的可变字体大小

使用较少CSS的可变字体大小,css,less,Css,Less,我目前从事的项目需要在我们的应用程序中实现可变字体大小的辅助功能。我们目前使用较少的css,我正试图找出根据用户选择的设置增加或减少字体大小的最佳方法。与更常见的用例不同,字体大小不随屏幕宽度而变化,因此我必须找出一些方法来设置字体大小,例如,对cookie或URL参数的媒体查询 以下是我设想的策略示例,但我无法确定我需要哪种媒体查询: @smallFont: ~"(???)"; //What do I do here? @medFont: ~"(???)"; @largeFont: ~"(??

我目前从事的项目需要在我们的应用程序中实现可变字体大小的辅助功能。我们目前使用较少的css,我正试图找出根据用户选择的设置增加或减少字体大小的最佳方法。与更常见的用例不同,字体大小不随屏幕宽度而变化,因此我必须找出一些方法来设置字体大小,例如,对cookie或URL参数的媒体查询

以下是我设想的策略示例,但我无法确定我需要哪种媒体查询:

@smallFont: ~"(???)"; //What do I do here?
@medFont: ~"(???)";
@largeFont: ~"(???)";

@media @smallFont{
    @var-font-size:        0px;
}
@media @medFont{
    @var-font-size:        2px;
}

@media @largeFont{
    @var-font-size:        4px;
}

@font-size-xsmall:         14 + @var-font-size;
@font-size-smaller:        16 + @var-font-size;
@font-size-small:          18 + @var-font-size; 
@font-size-medium:         20 + @var-font-size;

例如,向变量添加值

@smallFont: 8pt;
@medFont: 16pt;
@largeFont: 24pt;

不是复制品。请把问题再读一遍。我不能依赖屏幕大小,因为屏幕大小保持不变。我需要以某种方式关闭一个设置。好吧,如果你阅读链接Q的答案,你会发现任何媒体中的变量都不会对上述媒体块之外的代码产生任何影响。因此,您的代码片段中没有任何
会起作用(当然不包括媒体对cookie或URL的查询)。因此,您首先需要忘记
@media
,寻找可以通过CSS和Less访问的实体(不要忘记Less应该在浏览器中查看页面之前编译)换言之,这是一个复制品,不是因为100%相同的Q,而是因为100%相同的a。(尽管你如果改写你的Q以更明确地揭示你的目标,例如“如何在不同的CSS样式之间切换?”应该没问题。除了已经有无数类似的Q)。啊,谢谢你。不同的问题,但重复的答案是有意义的。我将结束这个问题。不管怎样,我希望有一种方法可以用更少的钱来做类似的事情,但看起来我必须研究一种不同的解决方案。我想你没有抓住重点。这些变量确定偏移设置为什么。