可変CSSによるサイズ変更CSS

Question

私が現在取り組んでいるプロジェクトでは、アプリケーションで可変フォントサイズのアクセシビリティ機能を実装する必要があります。私たちは現在、より少ないCSSを使用しています。ユーザーが選択した設定に基づいてフォントのサイズを増減するのに最適な方法は何かを判断しようとしています。より一般的なユースケースとは異なり、フォントのサイズは画面の幅に応じて変化しないので、おそらくクッキーや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; 

Answer 1

は、たとえば、変数に値を

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