Stiftung Medienanfragen in font-family

Question

In Foundation, die wichtigsten CSS-Datei beginnt mit diesem

meta.foundation-mq-small { 
    font-family: "/only screen and (max-width: 40em)/"; 
    width: 0em; } 

meta.foundation-mq-medium { 
    font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/"; 
    width: 40.063em; } 

meta.foundation-mq-large { 
    font-family: "/only screen and (min-width:64.063em)/"; 
    width: 64.063em; } 

meta.foundation-mq-xlarge { 
    font-family: "/only screen and (min-width:90.063em)/"; 
    width: 90.063em; } 

meta.foundation-mq-xxlarge { 
    font-family: "/only screen and (min-width:120.063em)/"; 
    width: 120.063em; } 

Warum gibt es Medienanfragen in der Eigenschaft font-family?

Answer 1

Wenn Sie foundation.js on Github betrachten, sieht es so aus, als ob sie nur den Font-Familienwert verwenden, um die Medienabfragen an Javascript zu übergeben, vermutlich um sie konsistent zu halten, wenn Leute die Standardeinstellungen in SCSS ändern. Im CSS wird es keinem gültigen Fontnamen entsprechen und wird einfach ignoriert.