zapytań o media Fundacja font-family

Question

W Fundacji, główny plik CSS zaczyna się od tego

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; } 

Dlaczego istnieją zapytań o media w domu font-family?

Answer 1

Jeśli spojrzysz na foundation.js on Github, wygląda na to, że używają wartości rodziny czcionek do przekazania zapytań o media do Javascript, prawdopodobnie w celu zachowania spójności, jeśli ludzie zmieniają ustawienia domyślne w SCSS. W CSS nie będzie pasować do poprawnej nazwy czcionki i będzie po prostu bezpiecznie zignorowana.